javascript中NodeList的遍历方法
📅 2025-06-08
### 使用 for 循环
const elements = document.querySelectorAll('p');
for (let i = 0; i < elements.length; i++) {
console.log(elements\[i\].textContent);
}
### 使用 forEach 方法
自 ES6 起,NodeList 对象也具备了 forEach 方法,这样就能以更简洁的方式进行遍历。
const elements = document.querySelectorAll('p');
elements.forEach((element) => {
console.log(element.textContent);
});
### 使用 for...of 循环
`for...of` 循环是 ES6 引入的一种新的循环方式,它能直接遍历可迭代对象,NodeList 就属于可迭代对象
const elements = document.querySelectorAll('p');
for (const element of elements) {
console.log(element.textContent);
}