小程序获取元素宽高

最新推荐文章于 2024-08-01 15:03:33 发布

Bright2017

最新推荐文章于 2024-08-01 15:03:33 发布

阅读量1.8w

点赞数 3

分类专栏：微信小程序

本文链接：https://blog.csdn.net/Bright2017/article/details/82736078

版权

微信小程序专栏收录该内容

48 篇文章 1 订阅

订阅专栏

小程序本身是不支持DOM和BOM操作的，但有时候还是需要获取一下宽高的，查了一下，发现真的可以获取到。感谢大佬3秒钟！

小程序的API有个WXML，这次用到wx.createSelectorQuery()方法；

<view id='demo'>元素</view>

//创建节点选择器
const query = wx.createSelectorQuery()
    query.select('#demo').boundingClientRect()
    query.selectViewport().scrollOffset()
    query.exec(function (res) {
      res[0].top       // #the-id节点的上边界坐标
      res[1].scrollTop // 显示区域的竖直滚动位置
      console.log('打印demo的元素的信息', res);
      console.log('打印高度', res[0].height);
    })

小程序文档:https://developers.weixin.qq.com/miniprogram/dev/api/wxml/wx.createSelectorQuery.html