小程序获取元素高度

在微信小程序中获取元素高度通常使用`wx.createSelectorQuery（）`方法。以下是一些获取元素高度的方法：

1. 获取元素的高度（px单位）：

```javascriptlet query = wx.createSelectorQuery（）；query.select（\'.content\'）.boundingClientRect（rect => {let height = rect.height；console.log（height）；}）.exec（）；```

2. 获取元素的高度（rpx单位），使用宽高比换算获得：

```javascriptlet query = wx.createSelectorQuery（）；query.select（\'.content\'）.boundingClientRect（rect => {let clientHeight = rect.height；let clientWidth = rect.width；let ratio = 750 / clientWidth；let height = clientHeight * ratio；console.log（height）；}）.exec（）；```

3. 在页面渲染完成`onReady`回调中获取元素高度，可能需要加定时器以确保元素高度已经渲染完成：

```javascriptPage（{onReady: function（） {setTimeout（（） => {let query = wx.createSelectorQuery（）；query.select（\'.content\'）.boundingClientRect（rect => {let height = rect.height；console.log（height）；}）.exec（）；}, 100）；}}）；```

4. 获取元素的高度（使用`boundingClientRect`方法）：

```javascriptlet query = wx.createSelectorQuery（）；query.select（\'#payTicketBtm\'）.boundingClientRect（）.exec（res => {console.log（\'rect\', res.height）；}）；```

5. 获取元素的高度（使用`selectViewport`方法）：

```javascriptlet query = wx.createSelectorQuery（）；query.selectViewport（）.scrollOffset（）.exec（res => {let listHeight = res.height；console.log（\'list height\', listHeight）；}）；```

6. 获取元素的高度（使用`fields`方法）：

```javascriptlet query = wx.createSelectorQuery（）；query.select（\'.content\'）.fields（{scrollOffset: true,size: true}）.exec（res => {let top = res.scrollOffset.top；let height = res.height；console.log（\'top\', top）；console.log（\'height\', height）；}）；```

请注意，获取元素高度时，由于小程序的渲染机制，可能需要等待页面或元素渲染完成后才能获取准确的高度值。如果需要动态计算元素高度，例如根据不同设备的屏幕高度来调整布局，可以使用`wx.getSystemInfoSync（）`获取设备信息，并结合上述方法进行计算。

其他小伙伴的相似问题：

如何获取小程序中某个元素的位置信息？

微信小程序中如何查看特定元素？

如何在小程序中获取DOM元素信息？