2017-05-08 4 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

고마워요. @ 산토쉬, 로컬 설치에서도 작동하지만, 서버에 전달할 때 – DCdesign

답변

0

오류 발생 대부분의 경우 실제로 "className의 속성을 읽을 수 없습니다."라고 말합니다. 즉, x은 아무 것도 가리키고 있지 않습니다. body 요소가 닫히기 바로 전에 (</body>) JavaScript가 이동되었는지 확인하여 파서가 스크립트를 만날 때까지 HTML이 이미 구문 분석되도록하십시오.