今日頭條小程序selectorqueryselectall

小編:啊南 26閱讀 2020.12.16

SelectorQuery.selectAll

在當前頁面或自定義組件中選擇所有匹配選擇器的節點,返回一個NodesRef對象實例,可以用于獲取節點信息。

語法
selectorQuery.selectAll(selector)
參數說明string selector

選擇器字符串。

選擇器字符串類似于在 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]);});
    
關聯標簽:
欧美日韩在线精品视频二区_日本高清在线精品一区_天天看片天天av免费观看