tnblog
首页
登录

微信小程序中利用DOM获取页面元素的信息

118人阅读 2019/5/8 11:05 评论:1 手机 收藏 关注
分类: 微信小程序

在js中,我们常常用到类似    $("#id")  这样的代码获得一个页面元素对象  但是在微信小程序中是不支持的,那么我们难免有时候会需要这样一个方法去拿到想要的对象,如下:


//首先给你的元素对象一个id:
<view class="usermotto" style="height:213px;" id='mjltest'/>

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

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


因为小程序是双向绑定的,改变值什么的都比较简单,所以如何利用DOM给元素设置内容还没搞出来,目前就搞出来取他的信息

评价
没有个性,不需要签名
文章
6
评论
8
分类
16
粉丝
16
{{item.ArticleTitle}}
{{item.BlogName}} : {{item.Content}}