uniapp获取节点信息,uniapp获取dom元素

　　Uni获取dom节点的方法：1。用代码[let DOM=query . select(selector)]获取匹配选择器的第一个节点；2.用代码[letdoms=query.selectAll(selec。]].

　　UNI-APP开发(仿饿)开发课程：进入学习

　　本教程运行环境：windows7系统，Uni-App版本2.5.1，Dell G3电脑。这个方法适用于所有品牌的电脑。

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

　　uniapp获取dom节点的方法：

　　一、如何获取DOM节点：

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

　　DOM=query.select(选择器)2。获取匹配选择器的所有节点：

　　设doms=query.selectall (selector)以上两种方法都返回NodesRef对象实例，用于获取DOM节点的信息。

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

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

　　doms . boundingclienrect(function(RES){

　　//RES:{左，上，右，下，宽，高}

　　}).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}

　　}，函数(res){

　　//res可以返回第一个参数对象中指定为true的相关信息。

　　}).exec(function(){

　　//成功获取上述节点信息后执行的回调函数

　　})三、代码实例

　　1.示例1:模板中有多个类名为leftItem的节点。如何获得这些节点到顶部的距离，并将这些距离分配给一个已经在数据区中定义的名为leftItemTop的数组？

　　uni.createSelectorQuery()。选择全部(。leftItem)。boundingClienRect(res={

　　this . left item top=RES . map(item=item . top)

　　}).exec(()={

　　console.log(this.leftItemTop)

　　})2.示例2:模板2中有多个类名为rightItem的节点。如何获取这些节点的高度，并将这些高度赋给一个已经在数据区定义好的名为rightItem的数组？

　　uni.createSelectorQuery()。选择全部(。rightItem)。字段({

　　尺寸：真

　　}，res={

　　this . rightitemheight=RES . map(item={ item . height })

　　}).exec(()={

　　console . log(this . rightitemheight)

　　})相关免费学习推荐：php编程(视频)

　　这就是uni-app如何获取dom节点的细节。更多请关注我们的其他相关文章！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。