注冊

selectorQuery.selectAll(selector),小程序開發(fā)獲取節(jié)點(diǎn)的相關(guān)信息

2020-09-27
導(dǎo)讀：獲取節(jié)點(diǎn)的相關(guān)信息，需要獲取的字段在 fields 中指定。返回值是nodesRef對應(yīng)的selectorQuery?？芍付ǐ@取的字段包括： 字段名 默認(rèn)值 說明 id 否 是否返回節(jié)點(diǎn) id dataset 否 是否返回節(jié)點(diǎn)...

獲取節(jié)點(diǎn)的相關(guān)信息，需要獲取的字段在fields中指定。返回值是nodesRef對應(yīng)的selectorQuery?？芍付ǐ@取的字段包括：

字段名 默認(rèn)值 說明
id 否 是否返回節(jié)點(diǎn)id
dataset 否 是否返回節(jié)點(diǎn)dataset
rect 否 是否返回節(jié)點(diǎn)布局位置（left right top bottom）
size 否 是否返回節(jié)點(diǎn)尺寸（width height）
scrollOffset 否 是否返回節(jié)點(diǎn)的 scrollLeft scrollTop ，節(jié)點(diǎn)必須是scroll-view或者viewport
properties [] 指定屬性名列表，返回節(jié)點(diǎn)對應(yīng)屬性名的當(dāng)前屬性值（只能獲得組件文檔中標(biāo)注的常規(guī)屬性值， id class style 和事件綁定的屬性值不可獲?。?/td>

示例代碼：

Page({
  getFields: function(){
    wx.createSelectorQuery().select('#the-id').fields({
      dataset: true,
      size: true,
      scrollOffset: true,
      properties: ['scrollX', 'scrollY']
    }, function(res){
      res.dataset    // 節(jié)點(diǎn)的dataset
      res.width      // 節(jié)點(diǎn)的寬度
      res.height     // 節(jié)點(diǎn)的高度
      res.scrollLeft // 節(jié)點(diǎn)的水平滾動位置
      res.scrollTop  // 節(jié)點(diǎn)的豎直滾動位置
      res.scrollX    // 節(jié)點(diǎn) scroll-x 屬性的當(dāng)前值
      res.scrollY    // 節(jié)點(diǎn) scroll-x 屬性的當(dāng)前值
    }).exec()
  }
})

selectorQuery.selectAll(selector),小程序開發(fā)獲取節(jié)點(diǎn)的相關(guān)信息

更多微信小程序開發(fā)教程，關(guān)注hi小程序。

重磅推薦：小程序開店目錄

第一部分：小商店是什么

第二部分：如何開通一個(gè)小商店

第三部分：如何登錄小商店

第四部分：開店任務(wù)常見問題

第五部分：小商店可以賣什么

第六部分：HiShop小程序特色功能

第七部分：小程序直播

第八部分：小程序收貨/物流

第九部分：小程序怎么結(jié)算

第十部分：小程序客服

第十一部分：電商創(chuàng)業(yè)

第十二部分：小程序游戲開發(fā)