SelectorQuery.selectAll()查询元素的innerHTML具体代码
时间: 2024-09-14 15:04:36 浏览: 26
`SelectorQuery.selectAll()` 是微信小程序中用于选择页面上所有匹配给定选择器的元素,并返回一个`NodeList`对象的函数。`NodeList`是一个类数组对象,包含所有选中的节点。你可以使用`innerHTML`属性来获取这些节点的HTML内容。以下是一个具体的使用例子:
```javascript
// 获取页面实例
const page = getCurrentPages()[0];
// 使用SelectorQuery.selectAll()查询所有匹配特定选择器的元素
page.SelectorQuery()
.selectAll('.class-name') // 选择所有类名为'class-name'的元素
.exec(function (res) {
if (res.length > 0) {
// res是NodeList对象,包含所有选中的节点
for (let i = 0; i < res.length; i++) {
// 获取每个节点的innerHTML
console.log(res[i].innerHTML);
}
} else {
console.log('没有找到匹配的元素');
}
});
```
在这个例子中,`.selectAll('.class-name')`用于选择所有类名为`class-name`的元素。`.exec()`方法接受一个回调函数,回调函数的参数`res`是一个`NodeList`对象,包含了所有找到的元素。通过遍历这个`NodeList`,可以对每个元素使用`innerHTML`属性来获取其HTML内容。
请注意,这段代码应该在微信小程序的合适生命周期函数中执行,如`onLoad`、`onReady`等,确保页面已经渲染完毕,可以正确地查询到节点信息。
阅读全文