1.引言
如今，小程序开发已经成为前端开发的一部分，其中一个重要的部分是使用小程序API接口动态获取元素宽高。
在小程序开发中，经常需要获取某个元素的宽高以便在相应的处理逻辑中使用。但是，在传统的web开发中，我们可以很方便的使用很多JS库（如：jQuery）来访问和操纵DOM，包括获取元素的宽高等信息。然而在小程序中，则不可以使用这样的方式。所以，在小程序中如何方便地获取元素的宽高信息呢？
2.小程序API接口
2.1 介绍
小程序API接口提供了一系列对小程序前端开发非常有帮助的JavaScript方法，包括了提供获取元素信息的方法。我们可以使用 wx.createSelectorQuery() 方法来创建一个 SelectorQuery 对象。该对象提供了与页面元素相关的一些API，包括:
SelectorQuery.select(selector): 选择第一个匹配选择器 selector 的节点并返回组成的nodesRef对象
SelectorQuery.selectAll(selector): 选择所有匹配选择器 selector 的节点
nodesRef.boundingClientRect(): 获取节点布局位置和大小的查询请求
nodesRef.scrollOffset(): 获取节点的水平滚动位置和竖直滚动位置的查询请求
SelectorQuery.exec(callback): 将选择器的状态返回给回调函数，并清除选择器
2.2 示例
下面是一个使用小程序API接口获取元素宽高的实例：
// 获取元素节点 Query
let query = wx.createSelectorQuery()
query.select('.element-class')
.boundingClientRect(function(rect) {
console.log(rect)
})
.exec()
这样，我们就可以在小程序中轻松获取某个元素的宽高了。在上面的代码片段中，我们通过创建query对象的方式获取了一个节点，在获取到节点后调用该节点的boundingClientRect()方法，该方法用于获取元素布局位置及其大小（如：left, top, right, bottom, width, height）。高度是以px为单位的整数，其他属性是以px为单位的数字（number类型）。该方法执行后的结果将通过exec()方法的回调函数返回。
3.如何使用API接口获取元素信息？
3.1 获取全局唯一的设置管理器
在使用小程序API接口获取元素信息前，需要先获取全局唯一的设置管理器。
// 获取全局唯一的设置管理器
let query = wx.createSelectorQuery()
3.2 通过选择器获取节点信息
选择器的语法和 jQuery 一致，模仿 jQuery 的选择器实现，但不支持后代选择器（即 " "）和通配符选择器（即 "*"）。
query.select('.element-class')注：相同的选择器只能对应一个节点。
3.3 获取节点信息
选择器将选择在节点之内的所有匹配的节点，然后使用节点上的方法 boundingClientRect() 来获取节点的信息。
query.select('.element-class').boundingClientRect()小程序API接口还提供了常用的节点信息：
width：float，宽度，单位（px）。
height：float，高度，单位（px）。
top：float，表示元素上边界到文档顶部的距离，单位（px）。
right：float，表示元素右边界到文档左边的距离，单位（px）。
bottom：float，表示元素下边界到文档顶部的距离，单位（px）。
left：float，表示元素左边界到文档左边的距离，单位（px）。
3.4 执行查询并返回结果
调用exec()方法来执行查询并返回结果。结果将会在callback()中返回并由调用者去处理。
query.exec(function(rects) {
console.log(rects[0].height)
})
该方法接收一个函数作为参数，该函数将返回 SelectorQuery 对象的查询结果。
4.小结
在本文中，我们介绍了小程序API接口，讲解了使用SelectorQuery对象的方法获取元素信息，并且提供了相关示例。相信读者通过学习本文，已经了解到如何在小程序中获取元素宽高等信息了。