在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 微信小程序 獲得根目錄<page>以及以下的DOM節(jié)點?

微信小程序 獲得根目錄<page>以及以下的DOM節(jié)點?

現(xiàn)在有個需求,需要獲取頁面DOM樹結(jié)構(gòu),調(diào)用wx.createSelectQuery()這個方法,但是只能獲得<page>標(biāo)簽內(nèi)部的元素內(nèi)容;

例如頁面結(jié)構(gòu)

<page>
    <view class="conts">
        ......
    </view>
</page>

js代碼--這樣是獲取到的

  onReady: function() {
    var query = wx.createSelectorQuery()
    query.select('.conts').boundingClientRect()
    query.selectViewport().scrollOffset()
    query.exec(function(res) {
      console.log(res);
      res[0].top // #the-id節(jié)點的上邊界坐標(biāo)
      res[1].scrollTop // 顯示區(qū)域的豎直滾動位置
    })
  }

而這樣,直接獲取根目錄page是獲取不到的,如下:

  onReady: function() {
    var query = wx.createSelectorQuery()
    query.select('page').boundingClientRect()
    query.selectViewport().scrollOffset()
    query.exec(function(res) {
      console.log(res);
      res[0].top // #the-id節(jié)點的上邊界坐標(biāo)
      res[1].scrollTop // 顯示區(qū)域的豎直滾動位置
    })
  }

因為項目需求,必須要拿到頁面根目錄,因為每個頁面中的標(biāo)簽元素是可變的,而根目錄page是不變的。
各位有什么高見?

回答
編輯回答
櫻花霓

大致可以這樣:

//遍歷所有page節(jié)點
selectorQuery()

//遍歷所有組件節(jié)點
for(let component of components )
selectorQuery.in(component)

2017年8月13日 20:27