微信小程序 循环获取class dom对象

在微信小程序中，通常会使用选择器来获取页面中的元素，通过不同的选择器获取到指定的元素，从而进行操作或修改页面的内容。在程序中循环获取class dom对象是一种常见的操作，可以简化代码逻辑，提高代码的可读性和复用性。

在微信小程序中，我们通常使用`wx.createSelectorQuery()`来创建选择器，并通过`selectAll()`方法获取指定class的dom元素列表，然后可以对获取到的dom元素进行遍历操作，实现循环获取class dom对象的功能。

以下是一个简单的示例代码，演示了如何在微信小程序中循环获取class dom对象：

```javascript

Page({

onReady: function() {

// 创建选择器实例

const query = wx.createSelectorQuery()

query.selectAll('.item').fields({ node: true

size: true }).exec((res) => {

// 获取到class为item的dom元素列表

const items = res[0]

items.forEach((item

index) => {

// 遍历dom元素列表

console.log(`第${index+1}个item的宽度为：${item.width}px`)

console.log(`第${index+1}个item的内容为：${item.node.textContent}`)

})

})

}

})

```

在上面的代码中，我们首先创建了一个选择器实例query，然后使用`selectAll('.item')`方法获取页面中所有class为item的dom元素，通过`fields({ node: true

size: true })`方法设置要获取的字段信息。*使用`exec()`方法执行查询，并在回调函数中遍历获取到的dom元素列表，输出每个元素的宽度和内容。

通过这种方式，我们可以方便地循环获取class dom对象，并对其进行操作。在实际开发中，可以根据需求灵活运用这种方法，实现更加复杂的页面操作功能。