如何在 JavaScript 中使用 getElementById() 檢索具有相同 ID 的多個元素？

使用getElementById 擷取具有相同ID 的多個元素

在JavaScript 中，getElementById 是一種基於唯一ID 選擇元素的強大方法。但是，當您遇到共享相同 ID 的多個元素時會發生什麼，這是無效的 HTML，但有時是不可避免的？

以下問題解決了這種情況：

問題：如何我可以透過指定ID屬性來取得元素的集合，包括那些具有重複ID的元素嗎？我只想使用 getElementById() 來實現此目的。

答案：

雖然對重複 ID 的元素使用 getElementById() 並不理想，但有一些方法可以解決這個問題。一種方法是使用 querySelectorAll:

var elms = document.querySelectorAll("[id='duplicateID']");

for(var i = 0; i < elms.length; i++) 
  elms[i].style.display='none';

此程式碼檢索具有指定 ID 的所有元素並將它們儲存在名為 elms 的陣列中。然後，您可以迭代數組並對每個元素執行任何所需的操作，例如在上面的範例中隱藏它們。

請注意，對具有重複 ID 的元素使用 getElementById() 可能會導致不可預測的行為。通常建議透過使用元素的唯一 ID 來強制執行有效的 HTML。

以上是如何在 JavaScript 中使用 getElementById() 檢索具有相同 ID 的多個元素？的詳細內容。更多資訊請關注PHP中文網其他相關文章！