uniapp 获取dom元素
时间: 2023-09-01 20:11:36 浏览: 48
Uniapp 中可以使用原生的 document.querySelector 或者 document.querySelectorAll 来获取 DOM 元素。
例如,获取一个 id 为 myDiv 的元素:
```javascript
var myDiv = document.querySelector('#myDiv');
```
或者获取所有的 class 为 myClass 的元素:
```javascript
var myClassEls = document.querySelectorAll('.myClass');
```
注意:在 uniapp 中使用 document 对象,需要将页面的 viewport 改为 webview。在页面的 app.vue 中,可以设置如下的 meta 标签:
```html
<meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover">
```
然后在代码中获取元素:
```javascript
var myDiv = uni.createSelectorQuery().select('#myDiv');
```
这样可以获取到一个 SelectQuery 对象,可以通过该对象的 exec 方法来获取元素的信息。
```javascript
myDiv.exec(function(res) {
console.log(res[0].boundingClientRect);
});
```
其中 res[0].boundingClientRect 就是该 DOM 元素的信息。