uniapp获取dom元素
时间: 2023-06-21 11:20:51 浏览: 54
在uni-app中,获取dom元素可以使用以下方法:
1. 使用id选择器获取元素
```html
<view id="myView">Hello World!</view>
```
```javascript
const myView = uni.createSelectorQuery().select('#myView')
myView.boundingClientRect(data => {
console.log(data)
}).exec()
```
2. 使用class选择器获取元素
```html
<view class="myView">Hello World!</view>
```
```javascript
const myView = uni.createSelectorQuery().select('.myView')
myView.boundingClientRect(data => {
console.log(data)
}).exec()
```
3. 使用标签选择器获取元素
```html
<view>Hello World!</view>
```
```javascript
const myView = uni.createSelectorQuery().select('view')
myView.boundingClientRect(data => {
console.log(data)
}).exec()
```
以上方法都需要借助 `uni.createSelectorQuery()` 方法来创建查询对象,调用 `select()` 方法选择元素,再调用 `boundingClientRect()` 方法获取元素的位置信息,最后调用 `exec()` 方法执行查询操作。