无法读取属性' className'

时间:2017-05-08 16:44:40

标签: javascript wordpress

我正在使用WordPress和Javascript,我想在点击按钮显示和隐藏菜单时添加一个类。

这是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";
            }
        }

})();

在本地安装中如果有效,但在发布时会产生此错误

1 个答案:

答案 0 :(得分:0)

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