無法讀取屬性'className'

我正在使用WordPress和Javascript，當您單擊按鈕顯示和隱藏菜單時，我想添加一個類。無法讀取屬性'className'

這是HTML：

<span class="menurwd" id="menurwd"></span> 
<ul id="menu-principal" class="menu"> 
<li>Item</li> 
<li>Item</li> 
</ul>

腳本：

(function() { 

    var x = document.getElementById("menu-principal"); 
    document.getElementById("menurwd").onclick = function activeRwd(){ 
      if(x.className === "menu"){ 
       x.className += " active"; 
      }else{ 
       x.className = "menu"; 
      } 
     } 

})();

在本地安裝，如果它的工作原理，但在其發佈的時候產生這個錯誤

來源

2017-05-08 DCdesign

井是那裏的元素，它是否有相同的ID？ – epascarello

上面的代碼適用於我。 https://jsfiddle.net/d3dofpvk/ – Santosh

謝謝@santosh，我也在本地安裝，但是當我將它傳遞給服務器時，它不是 – DCdesign

錯誤很可能實際上是這樣說的：「無法讀取null的property className」。這意味着x沒有指向任何東西。確保您的JavaScript被移至body元素關閉之前（</body>），以便在解析器遇到腳本時，HTML已經被解析。

來源

2017-05-08 16:47:36

無法讀取屬性'className'

回答

相關問題