如何在 JavaScript 中使用具有相同 ID 的多個元素？

使用JavaScript 的getElementById() 處理具有相同ID 的多個元素

儘管HTML 元素應具有唯一ID 的規則，但您可能會遇到元素具有重複ID 的情況由於外部因素，例如API 文件。在這種情況下，使用 JavaScript 的 getElementById() 函數來取得這些元素的集合可能具有挑戰性。

您可以利用 querySelectorAll() 來取代僅傳回第一個符合元素的 getElementById()來擷取具有相同 ID 的多個元素。以下是實現此目的的方法：

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

// Iterate through the elements and perform necessary actions
for (var i = 0; i < elms.length; i++) {
  elms[i].style.display = 'none'; // For example, hiding the elements
}

此程式碼將為您提供具有指定 ID 的元素數組，讓您可以根據需要操作或更改它們的屬性。

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