微信小程序 view的高度是被内容撑开的 怎么获取它的高度

这个代码肯定可以查到的，这是官方查DOM属性的API，查到的属性其实也很有限，但是高度是绝对可以查到的，查不到高度的同学可以去看官方文档！

首先给你的xml对象一个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 *** 作的方法，所以获取不到相应的DOM节点进行高度设置。

解决方案

1.css方案

<view class="{{isFold ?'flod':'extend' }}" bindtap="flodFn">

我是一个很长的文字

</view>

.flod{

//折叠样式

}

.extend{

//展开样式

}

flodFn:function(){

this.setData({

isFold: !this.isFold

})

}

2.动态渲染方案

<view bindtap="flodFn">

<view wx:if="{{isFold}}" >

我是一个很长的文字

</view>

<view wx:else>

我是一个很长的文字

</view>

</view>

flodFn:function(){

this.setData({

isFold: !this.isFold

})

}

高级

如果是列表，需要结合复杂数据处理，建议阅读

1.在app动态获取页面头部导航高度

2.定义头部组件

组件js

组件json

组件wxml

组件wxss自己写

3.需要引入的页面

（1）.修改当前页面头部，自定义页面头图,引入组件

引入页面json

(2).页面js

(3).页面中使用组件,直接插入页面就可以了

---