문서의 'onclick'이벤트 함수가 실행되지 않습니다.

Question

현재 직면하고있는 문제는 기본적으로 두 개의 요소가 있고 다른 요소는 숨겨져 있다는 것입니다. 버튼을 클릭하면 두 요소의 상태가 서로 바뀝니다. 즉, 보이지 않았던 요소와 반대 요소가 교환됩니다. 이제는 원하는 요소를 제외하고 페이지의 다른 부분을 클릭하면 상태가 바뀌게됩니다.

<script type="text/javascript"> 
    function hidesearch() { 
     var target = event.target || event.srcElement; 
     if (event.currentTarget == target) { 
      document.getElementById('elem1').style.display = "none"; 
      document.getElementById('elem2').style.display = "true"; 
     } 
    } 

    function showsearch() { 
     document.getElementById('elem2').style.display = "none"; 
     document.getElementById('elem1').style.display = "true"; 
     event.stopPropagation(); 
    } 
</script> 

이것은 내 head 태그 안에있는 현재 코드입니다. onclick 및 onload 속성을 body에 추가하려고했지만 여전히 작동하지 않습니다.

<h:body onload="hidesearch();"/>" 

JSF + BootsFaces를 사용하여 모든 것이 코딩되므로 .xhtml입니다.

내가 빠진 것이 있습니까?

Answer 1

document.getElementById ('elem2'). style.display = "true";

요소 스타일의 표시 속성 값은 "블록", "인라인 블록", "인라인", "없음"이지만 "참"값은 존재할 수 없습니다.

원하는 값을 지정하십시오.