2017-05-08 134 views
0

我正在使用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"; 
      } 
     } 

})(); 

在本地安装,如果它的工作原理,但在其发布的时候产生这个错误

+0

井是那里的元素,它是否有相同的ID? – epascarello

+0

上面的代码适用于我。 https://jsfiddle.net/d3dofpvk/ – Santosh

+0

谢谢@santosh,我也在本地安装,但是当我将它传递给服务器时,它不是 – DCdesign

回答

0

错误很可能实际上是这样说的:“无法读取null的property className”。这意味着x没有指向任何东西。确保您的JavaScript被移至body元素关闭之前(</body>),以便在解析器遇到脚本时,HTML已经被解析。

相关问题