美文网首页
【开发经验】微信小程序怎么动态获取view的高度

【开发经验】微信小程序怎么动态获取view的高度

作者: 马嘉伦 | 来源:发表于2018-10-23 21:47 被阅读0次

首先给你的xml对象一个id:

    <view class="usermotto" style="height:213px;" id='mjltest'/>

然后在js里,用一个SelectorQuery来选择对应id的节点(注意id前面要加一个#号),就可以获取对应节点的属性,包括高度。

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

可以看到取到的高度和其他信息。

相关文章

网友评论

      本文标题:【开发经验】微信小程序怎么动态获取view的高度

      本文链接:https://www.haomeiwen.com/subject/yldzzftx.html