首頁 > web前端 > js教程 > 如何在 JavaScript 中正確迭代 `getElementsByClassName()` 結果?

如何在 JavaScript 中正確迭代 `getElementsByClassName()` 結果?

Susan Sarandon
發布: 2024-12-01 06:07:13
原創
510 人瀏覽過

How to Correctly Iterate Over `getElementsByClassName()` Results in JavaScript?

錯誤:getElementsByClassName() 使用 Array.forEach 進行結果迭代

嘗試使用 getElementsByClassName() 和陣列迭代 DOM 元素時。 forEach 方法,使用者可能會遇到錯誤,因為 getElementsByClassName() 不會傳回一個陣列。

getElementsByClassName() 的結果是一個 HTMLCollection,在現代瀏覽器中,它與陣列不同。若要解決此問題,請在使用 forEach 之前將 HTMLCollection 轉換為陣列。這可以透過以下方法實現:

  • 使用 call() 和 Array.prototype.forEach:
  • 使用`[].forEach.call():
  • 使用`Array.from() (ES6)**
  • 使用`Array.from()
(ES6)** :

以上是如何在 JavaScript 中正確迭代 `getElementsByClassName()` 結果?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板