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

2020-09-27

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

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

字段名	默認(rèn)值	說(shuō)明
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)對(duì)應(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)的水平滾動(dòng)位置
      res.scrollTop  // 節(jié)點(diǎn)的豎直滾動(dòng)位置
      res.scrollX    // 節(jié)點(diǎn) scroll-x 屬性的當(dāng)前值
      res.scrollY    // 節(jié)點(diǎn) scroll-x 屬性的當(dāng)前值
    }).exec()
  }
})

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

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