為什麼 `document.getElementsByClassName().forEach` 不起作用，如何修復它？

將 Array.forEach 與 getElementsByClassName 結合使用

嘗試使用 document.getElementsByClassName( "Mmyclass" ).Each元素時，一可能會遇到錯誤「document.getElementsByClassName(“myclass”).forEach 不是函數。」出現這種情況是因為 getElementsByClassName 的結果不是數組，而是 HTMLCollection。

要解決此問題，必須在使用 forEach 之前將 HTMLCollection 轉換為陣列。這可以使用Array.prototype.forEach.call 方法和HTMLCollection 作為this 值來完成：

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

或者，可以使用[].forEach.call:

[].forEach.call(els, function (el) {...});

在ES66中，可以使用Array.from函數：

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

以上是為什麼 `document.getElementsByClassName().forEach` 不起作用，如何修復它？的詳細內容。更多資訊請關注PHP中文網其他相關文章！