这是更安全的方法:

var elements = document.getElementsByClassName("myclass");
for (var i = 0; i < elements.length; i++) myFunction(elements[i]);

或者你可以使用querySelectorAll返回NodeList:

document.querySelectorAll('.myclass').forEach(...)

现代浏览器(包括Edge，但不包括IE)支持: 我可以使用querySelectorAll吗 NodeList.prototype.forEach ()

MDN: Document.querySelectorAll ()

它不返回数组，而是返回节点列表。

使用这段代码将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
});

getElementsByClassName在现代浏览器中返回HTMLCollection。

这是 类似数组的对象，类似于参数，可通过for…查看下面MDN文档是怎么说的:

为…语句Of创建了一个遍历可迭代对象的循环， 包括:内置字符串，数组，数组类对象(例如，参数 或NodeList)， TypedArray, Map, Set和用户定义的迭代对象。它 类要执行的语句调用自定义迭代钩子 对象的每个不同属性的值。

Javascript的例子

for (const element of document.getElementsByClassName("classname")){
   element.style.display="none";
}

打印稿的例子

let elements = document.getElementsByClassName('classname');
let i;

for (i = 0; i < elements.length; i++) {

  if (elements[i] instanceof HTMLElement) {
    elements[i].style.display = "none";
  }

}

你可以使用array .from将集合转换为数组，这比array .prototype. foreach .call干净得多:

Array.from(document.getElementsByClassName("myclass")).forEach(
    function(element, index, array) {
        // do stuff
    }
);

在不支持Array.from的旧浏览器中，您需要使用Babel之类的东西。

ES6还添加了以下语法:

[...document.getElementsByClassName("myclass")].forEach(
    (element, index, array) => {
        // do stuff
    }
);

其余的解构…适用于所有类数组对象，而不仅仅是数组本身，然后使用良好的旧数组语法从值构造数组。

虽然替代函数querySelectorAll(这有点使getElementsByClassName过时)返回一个原生具有forEach的集合，但其他方法如map或filter都没有，所以这个语法仍然有用:

[...document.querySelectorAll(".myclass")].map(
    (element, index, array) => {
        // do stuff
    }
);

[...document.querySelectorAll(".myclass")].map(element => element.innerHTML);