微信小程序 WXML节点操作
2020-01-18 本文已影响0人
荒剑离
-
SelectorQuery wx.createSelectorQuery()
返回一个 SelectorQuery 对象实例。在自定义组件或包含自定义组件的页面中，应使用 this.createSelectorQuery() 来代替。
SelectorQuery是查询节点信息的对象。-
SelectorQuery SelectorQuery.in(Component component)
将选择器的选取范围更改为自定义组件 component 内。（初始时，选择器仅选取页面范围的节点，不会选取任何自定义组件中的节点）。 -
NodesRef SelectorQuery.select(string selector)
在当前页面下选择第一个匹配选择器selector的节点。返回一个NodesRef对象实例，可以用于获取节点信息。
string selector： 选择器，用法类似于 CSS 的选择器。 -
NodesRef SelectorQuery.selectAll(string selector)
在当前页面下选择匹配选择器 selector 的所有节点。 -
NodesRef SelectorQuery.selectViewport()
选择显示区域。可用于获取显示区域的尺寸、滚动位置等信息。 -
NodesRef SelectorQuery.exec(function callback)
执行所有的请求。请求结果按请求次序构成数组，在callback的第一个参数中返回。
NodesRef是用于获取 WXML 节点信息的对象。-
SelectorQuery NodesRef.fields(Object fields, function callback)
获取节点的相关信息。需要获取的字段在fields中指定。返回值是nodesRef对应的selectorQuery -
SelectorQuery NodesRef.boundingClientRect(function callback)
添加节点的布局位置的查询请求。相对于显示区域，以像素为单位。其功能类似于 DOM 的getBoundingClientRect。返回NodesRef对应的SelectorQuery。 -
SelectorQuery NodesRef.scrollOffset(function callback)
添加节点的滚动位置查询请求。以像素为单位。节点必须是scroll-view或者viewport，返回NodesRef对应的SelectorQuery。
function callback： 回调函数，在执行 SelectorQuery.exec 方法后，节点信息会在 callback 中返回。 -
SelectorQuery NodesRef.context(function callback)
添加节点的 Context 对象查询请求。目前支持 VideoContext、CanvasContext、LivePlayerContext、EditorContext和 MapContext 的获取。 -
SelectorQuery NodesRef.node(function callback)
获取 Node 节点实例。目前支持 Canvas 的获取。
-
SelectorQuery NodesRef.fields(Object fields, function callback)
-
SelectorQuery SelectorQuery.in(Component component)
-
IntersectionObserver wx.createIntersectionObserver(Object component, Object options)
创建并返回一个 IntersectionObserver 对象实例。在自定义组件或包含自定义组件的页面中，应使用 this.createIntersectionObserver([options]) 来代替。
Object component： 自定义组件实例。
Object options： thresholds，initialRatio，observeAll。
IntersectionObserver对象，用于推断某些节点是否可以被用户看见、有多大比例可以被用户看见。-
IntersectionObserver IntersectionObserver.relativeTo(string selector, Object margins)
使用选择器指定一个节点，作为参照区域之一。
string selector： 选择器。
Object margins： 用来扩展（或收缩）参照节点布局区域的边界 （left,right,top,bottom）。 -
IntersectionObserver IntersectionObserver.relativeToViewport(Object margins)
指定页面显示区域作为参照区域之一。 - IntersectionObserver.observe(string targetSelector, function callback)
指定目标节点并开始监听相交状态变化情况。
string targetSelector： 选择器。
function callback (Object res)： 监听相交状态变化的回调函数。 - IntersectionObserver.disconnect()
停止监听。回调函数将不再触发。
-
IntersectionObserver IntersectionObserver.relativeTo(string selector, Object margins)
