如何定位DOM怪物错误

时间:2015-04-02 22:40:17

标签: javascript jquery dom duplicates nodes

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

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

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

有谁知道如何实际找到这类错误,因为我非常想尽快解决这个问题。

谢谢, 金

1 个答案:

答案 0 :(得分:0)

网站控制台中的简单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;">
]

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