uni.createSelectorQuery(id)获取不到dom元素，class可以

在uni-app的框架中，`uni.createSelectorQuery()` 是用于操作DOM节点并获取其信息的API，它通过查询ID来定位页面上的元素。如果你发现通过 `id` 获取不到元素，这可能有以下几个原因：

1. **ID不存在**：检查指定的ID是否确实存在于对应的组件中，或者是否有拼写错误。

2. **生命周期问题**：确保你在调用 ` createSelectorQuery` 之前，页面已经渲染完毕并且DOM已经更新。这个函数通常在组件的 `onReady` 或者其他适当的时间点使用。

3. **组件状态**：如果元素是在异步加载或者动态添加到DOM后才需要获取，那么你需要在相应的事件处理程序中调用 `selectorQuery`。

对于 `class` 的情况，你可以使用 `.queryAll()` 方法配合类名来获取所有匹配该类的元素，或者直接传入CSS选择器（如`.className`）来精确查找。例如：

let query = uni.createSelectorQuery();
query.select('.yourClassName').boundingClientRect(); // 获取类名为'yourClassName'的第一个元素的边框矩形区域

记得在调用 `select()` 后链式调用 `.exec(callback)` 来获取结果。

相关问题

使用 uni.createSelectorQuery 是控件获取焦点

在uni-app框架中，` uni.createSelectorQuery ` 是一个用于查询页面内元素的动态API，它可以让你在运行时获取指定节点的信息，包括节点的尺寸、位置以及状态等。如果你想控制某个控件获得焦点，你可以使用这个方法配合特定的API，例如获取输入框组件：

const createSelectorQuery = uni.createSelectorQuery();
let inputBox;

// 创建查询实例并选取输入框元素
createSelectorQuery().select('#yourInputId').fields({
  node: true,
  size: true,
}).exec((res) => {
  if (res[0]) {
    inputBox = res[0].node; // 获取到输入框的DOM对象
    inputBox.focus(); // 调用聚焦方法使其获得焦点
  }
});

在这个例子中，你需要替换` '#yourInputId' `为你实际的输入框ID。当你调用` focus()`方法后，该输入框将获得焦点。

uni.createSelectorQuery()使用方法

uni.createSelectorQuery()是用来获取页面上的节点信息的API，可以用来获取节点的位置、尺寸、样式等信息。具体使用方法如下：

1. 在页面的onLoad生命周期函数中，创建一个selectorQuery对象：

let query = uni.createSelectorQuery()

2. 使用selectorQuery对象的方法来选择需要获取信息的节点，例如：

query.select('#my-node').boundingClientRect()

其中，#my-node是需要获取信息的节点的id，boundingClientRect()是获取节点的位置、尺寸等信息的方法。

3. 使用exec()方法来执行获取信息的操作，并在回调函数中处理获取到的信息：

query.exec(function(res) {
  console.log(res[0].width) // 获取节点的宽度
})

其中，res是一个数组，每个元素对应一个之前选择的节点，数组中的每个元素都包含了该节点的位置、尺寸、样式等信息。

完整示例代码如下：

export default {
  onLoad() {
    let query = uni.createSelectorQuery()
    query.select('#my-node').boundingClientRect()
    query.exec(function(res) {
      console.log(res[0].width) // 获取节点的宽度
    })
  }
}