获取界面上的节点信息

DLT 节点信息

节点信息查询 API 可以用于获取节点属性、样式、在界面上的位置等信息。

最常见的用法是使用这个接口来查询某个节点的当前位置，以及界面的滚动位置。

示例代码：

const query = dlt.createSelectorQuery();
query.select("#the-id").boundingClientRect(function (res) {
  res.top; // #the-id 节点的上边界坐标（相对于显示区域）
});
query.selectViewport().scrollOffset(function (res) {
  res.scrollTop; // 显示区域的竖直滚动位置
});
query.exec();

上述示例中， #the-id 是一个节点选择器，与 CSS 的选择器相近但略有区别，请参见 SelectorQuery.select 的相关说明。

在自定义组件或包含自定义组件的页面中，推荐使用 this.createSelectorQuery 来代替 dlt.createSelectorQuery ，这样可以确保在正确的范围内选择节点。