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