tt.createSelectorQuery

基础库 1.7.0 开始支持本方法,低版本需做兼容处理

返回一个 SelectorQuery 的实例,该实例上有 selectselectViewport 等方法用于选择页面节点或显示区域。

语法

tt.createSelectorQuery()

返回值

SelectorQuery

扫码体验

请使用字节宿主APP扫码

代码示例

开发者工具中预览

TTML

<button id="btn">示例按钮</button>

JavaScript

const query = tt.createSelectorQuery();

// 选择 ttml 中的示例按钮,并添加一个对它布局信息的查询
query.select("#btn").boundingClientRect();

// 选择显示区域,并查询它的滚动位置信息
query.selectViewport().scrollOffset();

// 执行所有已添加的查询,查询结果按添加顺序组成数组返回
query.exec(function (res) {
  // 打印示例按钮的宽度和高度
  console.log(res[0].width, res[0].height);

  // 打印显示区域的竖直滚动位置和水平滚动位置
  console.log(res[1].scrollTop, res[1].scrollLeft);
});
点击纠错
评价此篇文档