记录小程序获取元素的高度或宽度

Posted 法国梧桐和小伙子

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了记录小程序获取元素的高度或宽度相关的知识,希望对你有一定的参考价值。

wx.createSelectorQuery().selectAll(‘.npl-intro‘).boundingClientRect(function (rect) {
    console.log(rect[0].height)
    console.log(rect[0].width)
}).exec()  

  如果觉得这样写有点长。可以分步写。也是一样的结果。

技术图片
var obj=wx.createSelectorQuery();
obj.selectAll(‘.npl-intro‘).boundingClientRect(function (rect) {
    console.log(rect[0].height)
    console.log(rect[0].width)
})
obj.exec() ;
技术图片

 或者在exec中返回,如果出现上面的方式出现获取到的 rect 是 null 的话,可以考虑用下面这种,就不会出现问题。结果是一样的。

技术图片
var obj=wx.createSelectorQuery();
obj.selectAll(‘.npl-intro‘).boundingClientRect();
obj.exec(function (rect) {
    console.log(rect[0].height)
    console.log(rect[0].width)
}) ;

以上是关于记录小程序获取元素的高度或宽度的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序如何及时获取页面循环元素的宽度高度距离左边值函数自调类似递归闪屏selectAllexecglobalDatamapscroll-view

Android获取片段中的布局高度和宽度

jQuery无法获取隐藏元素(display:none)宽度(width)和高度(height)的新解决方案

使用jQuery获取元素的宽度或高度的几种情况

使用Javascript创建的SVG路径没有宽度或高度

微信小程序中获取高度及设备的方法