JS：使用Array.forEach遍历getElementsByClassName的结果

JS：使用Array.forEach遍历getElementsByClassName的结果

不需要。如DOM4中所指定，它是一个

HTMLCollection

（至少在现代浏览器中。较旧的浏览器返回

NodeList

）。

在所有现代浏览器（几乎所有其他IE<=8）中，您都可以调用Array的

forEach

方法，并将其元素列表（为

HTMLCollection

or

NodeList

）作为

this

值传递给它：

var els = document.getElementsByClassName("myclass");Array.prototype.forEach.call(els, function(el) {    // Do stuff here    console.log(el.tagName);});// Or[].forEach.call(els, function (el) {...});

如果您可以使用ES6感到满意（例如，您可以放心地忽略InternetExplorer或使用ES5编译器），则可以使用

Array.from

：

Array.from(els).forEach((el) => {    // Do stuff here    console.log(el.tagName);});