uni-app 获取 DOM 节点的相关信息
一、如何获取 SelectorQuery 对象实例
let query = uni.createSelectorQuery();
功能:返回一个selectorQuery对象的实例,该实例用来查询DOM节点的信息。
注意事项:
(1)该方法需要在生命周期mounted后进行调用。
(2)nvue不支持该方法。
二、如何获取DOM节点
1、获取匹配选择器的第一个节点:
let dom = query.select(selector)
2、获取匹配选择器的所有节点
let dom = query.selectAll(selector)
上述两个方法均返回NodesRef对象实例,该实例用来获取DOM节点多少信息。
三、如何获取DOM节点的信息:(以doms为实例)
1、获取DOM节点的布局位置信息:
doms.boundingClientRect(function(res){
//res:{
left,top,right,bottom,width,height}
}).exec(function(){
//上述布局位置信息获取成功后执行的回调函数
})
2、获取DOM节点的滚动位置信息:
doms.scrollOffset(function(res){
//res:{
scrollLeft,scrollTop}
})exec(function