首頁 >web前端 >js教程 >您可以使用 getElementById() 檢索具有重複 ID 的元素嗎?

您可以使用 getElementById() 檢索具有重複 ID 的元素嗎?

Barbara Streisand
Barbara Streisand原創
2024-11-21 22:36:10210瀏覽

Can You Retrieve Elements with Duplicate IDs Using getElementById()?

使用 getElementById 克服重複 ID

問題:

問題:

如何擷取具有相同 ID的元素單獨使用getElementById()?

答案:
var elements = document.querySelectorAll("[id='duplicateID']");

for (var i = 0; i < elements.length; i++) {
  // Perform actions on each element, e.g., modify styles:
  elements[i].style.display = 'none';
}

使用 getElementById() 檢索具有相同 ID 的多個元素違反了 HTML 標準。但是,如果遇到此類無效的HTML 結構,另一種方法是使用querySelectorAll(),如下所示:透過使用此方法,您可以導覽包含重複ID 的無效HTML 結構並應用所需的對每個匹配元素的影響。請注意,提供的程式碼旨在作為處理無效 HTML 的解決方法,不應被視為建立有效 HTML 文件的建議做法。

以上是您可以使用 getElementById() 檢索具有重複 ID 的元素嗎?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn