如何定位DOM怪物错误

Question

我使用了一个名为 DOM Monster 的备受推崇的程序来检查我的网站 Taikuri Kim Wist 是否有错误。

DOM 工具给我这个错误：您的文档中有 1 个重复的节点 ID。节点 ID 在 HTML 文档中必须是唯一的。有关详细信息，请参阅 JavaScript 控制台。

问题是，我不知道如何定位这个错误。我确定 html 中没有重复的 id:s，也不应该在 JavaScript 中。

有谁知道如何真正定位这些类型的错误，因为我非常想尽快解决这个问题。

谢谢，金

Answer 1

您站点控制台中的一个简单 document.querySelectorAll("[id]") 显示当前具有 id 属性的所有元素。它们甚至还不够多，您需要以编程方式搜索重复项：

NodeList [
  <header id="header" class="header">,
  <div id="stuck_container">,
  <div id="stuck_container" class="isStuck" style="position: fixed; width: 100%; margin-top: 0px; top: -60px; visibility: hidden;">,
  <div id="owl1" class="owl-carousel owl-theme owl-loaded" style="">,
  <footer id="footer" class="footer">,
  <a href="#" id="toTop" class="fa fa-angle-up" style="display: none;">
]

你可以很快发现骗局:-)

如何定位DOM怪物错误

How to locate DOM monster error

javascript

jquery

dom

duplicates

nodes