집 >웹 프론트엔드 >HTML 튜토리얼 >디스플레이나 가시성_HTML/Xhtml_웹페이지 제작을 통해 html 요소 숨기기
디스플레이나 가시성_HTML/Xhtml_웹페이지 제작을 통해 html 요소 숨기기
WBOY원래의
2016-05-16 16:37:161983검색
때때로 우리는 특정 조건에 따라 웹 페이지의 HTML 요소를 표시할지 숨길지를 제어해야 하며, 이는 표시 또는 가시성을 통해 달성할 수 있습니다. 다음 예시를 통해 표시와 가시성의 차이를 이해해 보세요.
코드 복사
코드는 다음과 같습니다.
HTML 요소 표시 및 숨기기 function showAndHidden1(){ var div1=document.getElementById("div1") var div2=document.getElementById("div2"); if(div1.style.display=='block') div1.style.display='none'; else div1.style.display='block' if(div2.style.display==' block') div2.style .display='none'; else div2.style.display='block'; } function showAndHidden2(){ var div3=document.getElementById(" div3"); var div4=document.getElementById("div4"); if(div3.style.visibility=='visible') div3.style.visibility='hidden'; else div3 .style.visibility=' 표시'; if(div4.style.visibility=='visible') div4.style.visibility='hidden' else div4.style.visibility='visible'; 🎜>}
display: 요소의 위치가 비어 있습니다.
DIV 1
DIV 2
visibility: 요소의 위치 아직 사용 중입니다
DIV 3
DIV 4< /div>
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.