【微信小程序开发】获取某个元素的属性（宽高等...）

最新推荐文章于 2024-07-10 14:31:13 发布

无知小哥

最新推荐文章于 2024-07-10 14:31:13 发布

阅读量950

点赞数

文章标签：微信小程序小程序前端

本文链接：https://blog.csdn.net/weixin_44213024/article/details/121459228

版权

这篇博客展示了如何在微信小程序中通过创建选择器查询来获取特定元素（如`.search`）的高度。代码中，使用`wx.createSelectorQuery()`创建选择器，然后调用`.select()`选择元素并使用`.boundingClientRect()`获取其布局信息，最终计算出元素宽度的一半并打印。此方法适用于需要精确控制小程序界面布局的场景。

摘要由CSDN通过智能技术生成

小程序获取某个元素的高度

不多废话，看代码！

var boxWidth;
//创建节点选择器
var query = wx.createSelectorQuery();
//使用节点选择器选择需要获取属性的元素的名字，我这里使用的是“.search”
query.select('.search').boundingClientRect(function(rect){
      that.boxWidth = rect.width / 2;
      console.log(that.boxWidth)
    }).exec();