今日頭條小程序selectorqueryselectall

選擇器字符串。

選擇器字符串類似于在 CSS 中使用的選擇器，但僅支持下列語法：

• ID 選擇器：#the-id
• class 選擇器（可以連續指定多個）：.a-class.another-class
• 子元素選擇器：.the-parent > .the-child
• 后代選擇器：.the-ancestor .the-descendant
• 跨自定義組件的后代選擇器：.the-ancestor >>> .the-descendant
• 多選擇器的并集：#a-node, .some-other-nodes
返回值

NodesRef

掃碼體驗

請使用字節宿主APP掃碼

代碼示例

開發者工具中預覽

TTML

<button id="btn1" class="btn">示例按鈕1</button> <button id="btn2" class="btn">示例按鈕2</button>

JavaScript

const query = tt.createSelectorQuery();// 選擇所有類名為 btn 的節點，并添加一個對它們布局信息的查詢query.selectAll(".btn").boundingClientRect();// 執行查詢query.exec(function (res) {  // 對應 #btn1 的布局信息  console.log(res[0][0]);  // 對應 #btn2 的布局信息  console.log(res[0][1]);});