uniapp如何获取节点高度

可以使用uni.createSelectorQuery()方法来获取节点高度。具体步骤如下：

1. 在页面或组件中使用id属性给要获取高度的节点命名，例如：<view id="my-node"></view>

2. 在js文件中使用uni.createSelectorQuery()方法创建一个查询对象，再使用select()方法选择要查询的节点，最后使用boundingClientRect()方法获取节点高度和宽度等信息。

3. 调用exec()方法执行查询操作，并在回调函数中获取节点高度信息。

示例代码如下：

uni.createSelectorQuery().select('#my-node').boundingClientRect(function(rect){
  console.log('节点高度为：', rect.height)
}).exec()

相关问题

uniapp获取元素高度

可以使用uni.createSelectorQuery()方法来获取元素的高度，具体步骤如下：

1. 在页面的onLoad或onReady生命周期函数中获取元素节点：

onLoad() {
  uni.createSelectorQuery().select('.element').boundingClientRect(data => {
    console.log(data.height) // 打印元素高度
  }).exec()
}

2. 在页面中对应的元素上添加class名为“element”：

<view class="element">这是一个元素</view>

这样就可以获取到该元素的高度了。需要注意的是，使用uni.createSelectorQuery()方法获取元素高度时，必须等到元素渲染完成后才能获取到正确的高度，因此建议在onReady生命周期函数中获取元素高度。

uniapp 获取最底部高度

可以使用uni.getSystemInfoSync()获取系统信息，再通过uni.createSelectorQuery()获取页面节点信息，最后计算出最底部的高度。

示例代码：

// 获取系统信息
const systemInfo = uni.getSystemInfoSync()

// 创建选择器
const query = uni.createSelectorQuery()

// 获取页面节点信息
query.select('.page').boundingClientRect()

// 计算最底部的高度
query.exec((res) => {
  const pageHeight = res[0].height
  const bottomHeight = systemInfo.windowHeight - res[0].bottom
  console.log(`最底部高度为：${bottomHeight}`)
})