不，它不是数组。正如DOM4中指定的那样，它是一个HTMLCollection(至少在现代浏览器中是这样)。旧的浏览器返回一个NodeList)。

在所有现代浏览器(几乎所有其他IE <= 8)中，你可以调用Array的forEach方法，将元素列表(无论是HTMLCollection还是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(即你可以安全地忽略ie或你正在使用ES5转译器)，你可以使用Array.from:

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

getElementsByClassName()的结果不是数组，而是一个类数组对象。具体来说，它被称为HTMLCollection，不要与NodeList混淆(NodeList有自己的forEach()方法)。

在ES2015中，一个简单的方法是将一个类数组对象转换为Array.prototype.forEach()，这个方法还没有提到，就是使用spread操作符或spread语法:

const elementsArray = document.getElementsByClassName('myclass');

[...elementsArray].forEach((element, index, array) => {
    // do something
});

下面是我在jsperf上创建的一个测试: https://jsperf.com/vanillajs-loop-through-elements-of-class

Chrome和Firefox中性能最好的版本是旧的for循环结合document.getElementsByClassName:

var elements = document.getElementsByClassName('testClass'), elLength = elements.length;
for (var i = 0; i < elLength; i++) {
    elements.item(i).textContent = 'Tested';
};

在Safari中，这个变体是赢家:

var elements = document.querySelectorAll('.testClass');
elements.forEach((element) => {
    element.textContent = 'Tested';
});

如果你想要所有浏览器的性能最好的变体，它可能是这个:

var elements = document.getElementsByClassName('testClass');
Array.from(elements).map(
    (element) => {
        return element.textContent = 'Tested';
    }
);

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

for typescript，我更喜欢迭代

for(let element of Array.from(document.querySelectorAll('.myclass'))){
   //my code
}

如前所述，getElementsByClassName返回一个HTMLCollection，它被定义为

[Exposed=Window]
interface HTMLCollection {
  readonly attribute unsigned long length;
  getter Element? item(unsigned long index);
  getter Element? namedItem(DOMString name);
};

以前，一些浏览器会返回一个NodeList。

[Exposed=Window]
interface NodeList {
  getter Node? item(unsigned long index);
  readonly attribute unsigned long length;
  iterable<Node>;
};

区别很重要，因为DOM4现在将nodelist定义为可迭代对象。

根据Web IDL草案，

实现声明为可迭代的接口的对象 支持迭代以获得值序列。 注意:在ECMAScript语言绑定中，接口为 iterable将有“entries”，“forEach”，“keys”，“values”和 接口原型对象上的@@iterator属性。

这意味着，如果你想使用forEach，你可以使用一个返回节点列表的DOM方法，比如querySelectorAll。

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

注意，这还没有得到广泛支持。另见Node.childNodes?