如何在 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中文网其他相关文章！