使用这段代码将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，它被定义为

[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?

getElementsByClassName的结果是数组吗?

No

如果不是，是什么?

与所有返回多个元素的DOM方法一样，它是一个NodeList，参见https://developer.mozilla.org/en/DOM/document.getElementsByClassName

不，它不是数组。正如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);
});

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