如何迭代 getElementsByClassName() 傳回的 NodeList？

迭代 getElementsByClassName NodeList

作為 JavaScript 初學者，在迭代 getElementsByClassName() 方法傳回的 NodeList 時可能會遇到困難。與數組不同，NodeList 本質上不支援類似數組的行為，例如直接索引或使用 for 語法循環。

要正確迭代 NodeList，可以使用 NodeList 物件提供的 item() 方法。此方法可讓您透過指定索引來檢索 NodeList 中的各個元素。

為了進行演示，請考慮以下程式碼：

const slides = document.getElementsByClassName("slide");
for (let i = 0; i < slides.length; i++) {
   Distribute(slides.item(i));
}

透過使用item() 方法，此程式碼會擷取指定索引處NodeList 中的每個元素，並將其傳遞給Distribute () 函數進行處理。

注意： 在 Distribute() 函數中修改 DOM 時需要考慮這一點，這一點很重要，NodeList的長度和順序可能會改變。為了防止不可預測的行為，您可能需要考慮在迭代 NodeList 之前建立一個克隆數組，以確保您使用靜態集合。

以上是如何迭代 getElementsByClassName() 傳回的 NodeList？的詳細內容。更多資訊請關注PHP中文網其他相關文章！