如何正確地遍歷 HTMLCollection 元素並檢索它們的 ID？

HTMLCollection 元素的 For 循環

說明

您正在嘗試迭代 HTMLCollection 並擷取每個元素的 ID。但是，您最初的方法是不正確的。透過使用 for (key in list)，您可以迭代 HTMLCollection 的鍵，即元素的索引。

正確方法

迭代 HTMLCollection 物件本身和要存取他們的 ID，您可以使用以下yöntemler：

1。 for/of 迴圈（現代瀏覽器）

對於支援ES6 for/of 語法的現代瀏覽器，您可以使用以下程式碼：

var list = document.getElementsByClassName("events");
for (let item of list) {
    console.log(item.id);
}

2.帶長度屬性的for 迴圈

對於不支援for/of語法的瀏覽器，可以使用以下程式碼：

var list = document.getElementsByClassName("events");
for (var i = 0; i < list.length; i++) {
    console.log(list[i].id);
}

避免使用 for/in

不要使用 for/in 來迭代 HTMLCollections。它用於迭代物件屬性，這可能會導致 HTMLCollection 物件出現意外行為。

摘要

請記住，對於現代瀏覽器，建議的方法是使用for/of 語法，而對於較舊的瀏覽器，帶有length 屬性的for 循環方法將起作用。避免對 HTMLCollections 使用 for/in。

以上是如何正確地遍歷 HTMLCollection 元素並檢索它們的 ID？的詳細內容。更多資訊請關注PHP中文網其他相關文章！