如何找到DOM Monster錯誤

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;">
]

您可以快速發現騙子:-)