小程序获取view元素的高度

最新推荐文章于 2025-04-25 00:32:23 发布

转载最新推荐文章于 2025-04-25 00:32:23 发布 · 2.7k 阅读

2 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/wanan-01/p/9947254.html

文章标签：

#javascript #ViewUI

本文介绍了一种使用微信小程序API获取页面元素高度的方法。通过在js文件中调用wx.createSelectorQuery()创建节点选择器，然后使用select方法选择指定id的元素，并通过boundingClientRect()获取其布局信息，最后通过exec回调函数获取到包含高度在内的元素信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

页面wxml

<!--page/index/index.wxml-->
<view id='demo'>
    <text>哈哈哈哈哈</text>
    <view>哈哈哈哈哈</view>
</view>

js文件

onLoad: function(options) {
        //创建节点选择器
        var query = wx.createSelectorQuery();
        //选择id
        query.select('#demo').boundingClientRect()
        query.exec(function(res) {
            //res就是 所有标签为mjltest的元素的信息 的数组
            console.log(res);
            //取高度
            console.log(res[0].height);
        })
    },