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

2020-09-27

導(dǎo)讀：獲取節(jié)點的相關(guān)信息，需要獲取的字段在 fields 中指定。返回值是nodesRef對應(yīng)的selectorQuery。可指定獲取的字段包括：字段名默認值說明 id 否是否返回節(jié)點 id dataset 否是否返回節(jié)點...

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

字段名	默認值	說明
id	否	是否返回節(jié)點`id`
dataset	否	是否返回節(jié)點`dataset`
rect	否	是否返回節(jié)點布局位置（`left` `right` `top` `bottom`）
size	否	是否返回節(jié)點尺寸（`width` `height`）
scrollOffset	否	是否返回節(jié)點的 `scrollLeft` `scrollTop` ，節(jié)點必須是`scroll-view`或者viewport
properties	`[]`	指定屬性名列表，返回節(jié)點對應(yīng)屬性名的當(dāng)前屬性值（只能獲得組件文檔中標注的常規(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é)點的dataset
      res.width      // 節(jié)點的寬度
      res.height     // 節(jié)點的高度
      res.scrollLeft // 節(jié)點的水平滾動位置
      res.scrollTop  // 節(jié)點的豎直滾動位置
      res.scrollX    // 節(jié)點 scroll-x 屬性的當(dāng)前值
      res.scrollY    // 節(jié)點 scroll-x 屬性的當(dāng)前值
    }).exec()
  }
})

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

第二部分：如何開通一個小商店