注冊(cè)

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()
  }
})

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

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

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

第一部分:小商店是什么

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

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

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

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

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

第七部分:小程序直播

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

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

第十部分:小程序客服

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

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