如何在 JavaScript 中檢索具有相同 ID 的元素？

如何使用JavaScript 的getElementById 檢索具有相同ID 的元素

使用JavaScript 的getElementById() 根據共享ID 獲取元素集合考慮到ID 獲取元素集合考慮到無法處理具有相同ID 的多個元素，該方法可能看起來具有挑戰性。然而，由於歷史原因，探索這種技術仍然有意義。

getElementById() 和多個 ID

通常，HTML 元素不應該有重複的 ID，因為它違反了唯一性要求。但是，在某些情況下，例如使用不正確建構的 HTML 文檔，可能需要操作具有相同 ID 的元素。

要繞過 getElementById() 的固有限制，您可以利用 querySelectorAll()方法代替。此方法可讓您根據指定的 CSS 選擇器檢索元素集合。透過指定 CSS 選擇器“[id='myId']”，您可以選擇具有給定 ID 的所有元素。

程式碼範例

這裡有一個程式碼片段示範如何使用querySelectorAll() 取得相同ID 的元素：

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

// Perform operations on the collection of elements
for (var i = 0; i < elms.length; i++) {
  elms[i].style.display = "none"; // Example operation
}

在此範例中，elms 變數將包含具有指定ID 的所有元素的類似陣列的集合。然後，您可以對這些元素執行任何必要的操作，例如使用 style.display 屬性來隱藏它們。

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