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);
}