style=”display:none” div 화면에 보이지 않게 처리

style=”display:none” div 화면에 보이지 않게 처리

div 사용해서 화면에 보이지 않도록 처리 하는 방법 입니다.
물론 if 문을 사용한다면 가능 한 부분이지만 지나친 if문을 남발 한다면 페이지 로딩 속도가 느려지니..
머 요즘은 인터넷 속도가 빨라서 큰 상관은 없겠지만요 ㅎㅎ

 

사용법은 간단 합니다.
<div  style=”display:none”> div 화면에 보이지 않게 </div>

간단하죠 바로 style=”display:none” 요부분 입니다.

자바스크립트를 이용해서 div에 id 값을 준다면 화면에 보이게도 할 수있고 화면에 보이지 않도록 처리 할 수도 있습니다.

자바스크립트를 사용할때 만약 보이게 처리 할려면 block 사용하면 되는데요

예를 들어

<script type=”text/javascript”>
 function ck(tar){
 if(tar==”1″){
 document.getElementById(“table1”).style.display = “block”;
} else if(tar==”2″){
document.getElementById(“table1”).style.display = “none”;
}
}
 </script>

이렇게 한다면 ck값이 1일 때는 div id 값이 table1 은 화면에 보이는 것이구요

ck값이 2일때는 div id값이 table1 값이 화면에 보이지 않는 것입니다.

여러가지로 응용할 수있는 style=”display:none” 여러분도 연습 해보세요..^^


 

Exit mobile version