uni-app如何获取dom节点

ID:3039 / 打印
uniapp获取dom节点的方法：1、获取匹配选择器的第一个节点，代码为【let dom=query.select(selector)】；2、获取匹配选择器的所有节点，代码为【letdoms=query.selectall（selec.】。

uni-app如何获取dom节点

本教程操作环境：windows7系统、uni-app2.5.1版本，Dell G3电脑，该方法适用于所有品牌电脑。

推荐（免费）：uni-app开发教程    

uniapp获取dom节点的方法：

一、如何获取DOM节点：

1、获取匹配选择器的第一个节点：

let dom=query.select(selector)

2、获取匹配选择器的所有节点：

letdoms=query.selectAll（selector）

上述两个方法均返回NodesRef对象实例，该实例用来获取DOM节点的信息。

二、如何获取DOM节点的信息：（以doms为例）

1、获取DOM节点的布局位置信息：

doms.boundingClienRect(function(res){ //res:{left,top,right,bottom,width,height} }).exec(function(){ //上述布局位置信息获取成功后执行的回调函数 })

2、获取DOM节点的滚动位置信息：

doms.scrollOffset(function(){ //res:{scrollLeft,scrollTop} }).exec(function(){ //上述滚动位置信息获取成功后执行的回调函数 })

3、获取DOM节点的所有信息：

doms.fields({ rect:true,   //是否返回节点布局位置信息{left,top,right,bottom} size:true,  //是否返回节点尺寸信息{width，height} scrollOffset:true //是否返回节点滚动信息{scrollLeft,scrollTop} },function(res){ //res 可以返回第一个参数对象中指定为true的相关信息 }).exec(function(){ //上述节点信息获取成功后执行的回调函数 })

三、代码实例

1、例1：