uniapp获取dom节点

UniApp 可以通过 `uni.createSelectorQuery()` 方法获取 DOM 节点，具体代码如下：

uni.createSelectorQuery().select('#domId').boundingClientRect(function(rect){
  console.log(rect)
}).exec()

其中，`#domId` 是需要获取的 DOM 节点的 ID，`boundingClientRect` 方法可以获取该节点的位置、大小等信息。

相关问题

uniapp 获取dom节点

在uniapp中，可以使用以下方法获取dom节点：

1. 通过id获取：

在模板中设置id，例如：

<view id="myView"></view>

然后在js中通过以下方式获取：

let myView = uni.createSelectorQuery().select('#myView')

2. 通过class获取：

在模板中设置class，例如：

<view class="myClass"></view>

然后在js中通过以下方式获取：

let myClass = uni.createSelectorQuery().selectAll('.myClass')

3. 通过标签名获取：

在模板中设置标签名，例如：

<view></view>

然后在js中通过以下方式获取：

let myView = uni.createSelectorQuery().select('view')

注意事项：

- 获取到的节点是一个对象，需要使用对应的方法来操作，例如设置样式可以使用`myView.styles({color: 'red'})`
- 如果要对多个节点进行操作，需要使用`selectAll`方法，获取到的是一个数组，需要进行遍历操作。例如：

let myClassList = uni.createSelectorQuery().selectAll('.myClass')
myClassList.forEach((myClass) => {
  myClass.styles({color: 'red'})
})

uniapp 获取节点

在 UniApp 中，你可以使用 `uni.createSelectorQuery` 方法来获取节点。`uni.createSelectorQuery` 可以用于获取页面中的 DOM 节点信息，例如节点的位置、尺寸等。

以下是一个示例代码，展示如何在 UniApp 中获取节点：

// 在页面的生命周期钩子函数中使用
onLoad: function() {
  this.getNodeInfo();
},
methods: {
  getNodeInfo: function() {
    uni.createSelectorQuery().in(this).select('.my-node').boundingClientRect((rect) => {
      if (rect) {
        console.log(rect); // 输出节点的位置、尺寸等信息
      }
    }).exec();
  }
}

在上述代码中，我们通过 `uni.createSelectorQuery().in(this)` 创建了一个选择器对象，并通过 `select('.my-node')` 方法选择了类名为 `.my-node` 的节点。然后，我们使用 `boundingClientRect` 方法获取该节点的位置、尺寸等信息。

请确保在获取节点之前，节点已经被渲染到页面中。你可以在页面的生命周期钩子函数（如 `onLoad`、`onReady`）或事件处理函数中调用 `getNodeInfo` 方法来获取节点信息。

需要注意的是，`uni.createSelectorQuery` 返回的是一个选择器对象，你可以链式调用多个方法来选择和获取多个节点的信息，例如使用 `selectAll` 方法来选择多个节点。

总结：通过使用 `uni.createSelectorQuery` 方法，你可以在 UniApp 中获取节点的位置、尺寸等信息。