uniapp 获取 <div></div> 元素结构
时间: 2023-08-08 12:06:58 浏览: 138
在 uniapp 中,可以通过 `uni.createSelectorQuery()` 方法来获取元素结构。该方法返回一个 `SelectorQuery` 对象,可以通过该对象的 `select(selector: string)` 方法来选取第一个匹配到的元素。
例如,可以通过以下代码选取第一个 `<div></div>` 元素:
```javascript
uni.createSelectorQuery()
.select('div')
.node(res => {
console.log(res[0]); // 匹配到的元素结构
})
.exec();
```
其中,`node(callback: Function)` 方法可以获取匹配到的元素的结构信息,例如标签名、属性、子元素等等。在这个例子中,我们只是简单地输出这些信息到控制台上,你可以根据实际情况来处理这些信息。
需要注意的是,使用 `node()` 方法获取到的元素结构信息是一个类似于 HTML 字符串的形式,需要使用 `uni.htmlparser()` 方法来解析成 JSON 对象,例如:
```javascript
uni.createSelectorQuery()
.select('div')
.node(res => {
const node = uni.htmlparser(res[0].node);
console.log(node); // 匹配到的元素结构的 JSON 对象
})
.exec();
```
其中,`uni.htmlparser(html: string)` 方法可以将 HTML 字符串解析成 JSON 对象。
阅读全文