微信小程序查看有多少节点

微信小程序查看有多少节点,第1张

wx.createSelectorQuery()

基础库 1.4.0 开始支持,低版本需做兼容处理

返回一个SelectorQuery对象实例。可以在这个实例上使用select等方法选择节点,并使用boundingClientRect等方法选择需要查询的信息。

示例代码:

Page({

  queryMultipleNodes: function(){var query = wx.createSelectorQuery()

    query.select('#the-id').boundingClientRect()

    query.selectViewport().scrollOffset()

    query.exec(function(res){

      res[0].top       // #the-id节点的上边界坐标  res[1].scrollTop // 显示区域的竖直滚动位置})

  }

})

selectorQuery

selectorQuery 对象的方法列表:

方法 参数 说明

select selector 参考下面详细介绍

selectAll selector 参考下面详细介绍

selectViewport   参考下面详细介绍

exec [callback] 参考下面详细介绍

selectorQuery.select(selector)

在当前页面下选择第一个匹配选择器selector的节点,返回一个NodesRef对象实例,可以用于获取节点信息岁森。

selector类似于CSS的选择器,但仅支持下列语法。

ID选择器:#the-id

class选择器(雹雀谈可以连续指定多源碰个):.a-class.another-class

子元素选择器:.the-parent >#the-child.a-class

多选择器的并集:#a-node, .some-other-nodes

selectorQuery.selectAll(selector)

是要实现比如锚点类似的功能?还是修改某一节点的属性?锚点功能可以使用视图容器scroll-view,其中一个属性scroll-into-view可以滚动到该属性掘亮位置。修改节点的属性的话,就是属性设置为变量,然后猜散握在事件中this.setdata设穗庆置该属性值


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12280114.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-24
下一篇 2023-05-24

发表评论

登录后才能评论

评论列表(0条)

保存