我想迭代一些DOM元素，我这样做:
document.getElementsByClassName( "myclass" ).forEach( function(element, index, array) {
//do stuff
});
但是我得到了一个错误:
document.getElementsByClassName(“myclass”)。forEach不是一个函数
我使用Firefox 3，所以我知道getElementsByClassName和Array。每个人都在场。这很好:
[2, 5, 9].forEach( function(element, index, array) {
//do stuff
});
getElementsByClassName的结果是数组吗?如果不是，是什么?
当前回答
它不返回数组，而是返回节点列表。
其他回答
或者你可以使用querySelectorAll返回NodeList:
document.querySelectorAll('.myclass').forEach(...)
现代浏览器(包括Edge，但不包括IE)支持: 我可以使用querySelectorAll吗 NodeList.prototype.forEach ()
MDN: Document.querySelectorAll ()
它不返回数组，而是返回节点列表。
getElementsByClassName的结果是数组吗?
No
如果不是，是什么?
与所有返回多个元素的DOM方法一样，它是一个NodeList，参见https://developer.mozilla.org/en/DOM/document.getElementsByClassName
使用这段代码将forEach方法添加到HTMLCollection中
/**
*
* @type {Function}
*/
HTMLCollection.prototype.forEach = HTMLCollection.prototype.forEach ||
function (callBack) {
for (let i = 0; i < this.length; i++) {
callBack(this[i])
}
};
然后你的代码将工作:
document.getElementsByClassName( "myclass" ).forEach( function(element, index, array) {
//do stuff
});
for typescript，我更喜欢迭代
for(let element of Array.from(document.querySelectorAll('.myclass'))){
//my code
}
