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

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” 여러분도 연습 해보세요..^^


 

Check Also

동호 이혼

동호 이혼 결혼 3년 만에 파경 현재 아내와 벌거 중

동호 이혼 결혼 3년 만에 이혼 현재 벌거 중 그룹 유키즈 출신 ‘동호(24)’가 결혼 3년 …

댓글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다