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