selectorQuery.selectAll(selector),小程序开发获取节点的相关信息

发布时间:2023-08-25 17:42:44 作者:bcxcm 阅读量:8288

获取节点的相关信息,需要获取的字段在fields中指定。返回值是nodesRef对应的selectorQuery。可指定获取的字段包括:

字段名 默认值 说明
id 是否返回节点id
dataset 是否返回节点dataset
rect 是否返回节点布局位置(left right top bottom
size 是否返回节点尺寸(width height
scrollOffset 是否返回节点的 scrollLeft scrollTop ,节点必须是scroll-view或者viewport
properties [] 指定属性名列表,返回节点对应属性名的当前属性值(只能获得组件文档中标注的常规属性值, id class style 和事件绑定的属性值不可获取)

示例代码:

Page({
  getFields: function(){
    wx.createSelectorQuery().select('#the-id').fields({
      dataset: true,
      size: true,
      scrollOffset: true,
      properties: ['scrollX', 'scrollY']
    }, function(res){
      res.dataset    // 节点的dataset
      res.width      // 节点的宽度
      res.height     // 节点的高度
      res.scrollLeft // 节点的水平滚动位置
      res.scrollTop  // 节点的竖直滚动位置
      res.scrollX    // 节点 scroll-x 属性的当前值
      res.scrollY    // 节点 scroll-x 属性的当前值
    }).exec()
  }
})

更多微信小程序开发教程,关注多程序。

***本网站图片,文字之类版权申明,因为网站可以由注册用户自行上传图片或文字,本网站无法鉴别所上传图片或文字的知识版权,如果侵犯,请及时通知我们,本网站将在第一时间及时删除。

我要评论

网友评论


评论时间:2024-04-18 14:27:02

培养目标:培养德智体美全面发展,适应社会主义现代化建设需要,德、智、体、美诸方面得app开发定制公司推荐 到协调发展的高素质专门人才普通app制作大概需要多少钱 、智、体、美诸方面得到协调发展的高素质专门人才

回复

评论时间:2023-09-15 00:00:02

1.软件龙华做app制作 下载:直接安装到手机中即可使用app下载页源码 可使用

回复
秒制作
Catfish(鲶鱼) Blog V 4.7.3