JavaScript 经典实例：第三版

处理

HTML

｜

305

const

items = document.querySelectorAll('li');

items.forEach(item => {

console.log(item.firstChild.data);

});

12.2.3

讨论

forEach()

是数组的方法，但是

querySelectorAll()

得到的

NodeList

是有别于

数组的对象类型。幸好，现代浏览器原生支持

forEach

，允许我们像数组那样迭代

NodeList

。

然而，

Internet Explorer

（

IE

）不支持像这样使用

forEach

。如果想支持

IE

，建议引

入一个腻子脚本（

polyfill

），在背后使用标准的

for

循环。

if

(window.NodeList && !NodeList.prototype.forEach) {

NodeList.prototype.forEach =

function

(callback, thisArg) {

thisArg = thisArg || window;

for

(

var

i = 0; i <

this

.length; i++) {

callback.call(thisArg,

this

[i], i,

this

);

}

};

}

在这个腻子脚本中，我们检查

NodeList.prototype.forEach

是否存在。如果不存在，

为

NodeList

原型添加

forEach

方法，使用

for

循环迭代

DOM

查询得到的结果。现

在，可以在代码基中放心使用 ...