javascript中NodeList的遍历方法

使用 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);

}