본문 바로가기

Programming/Script

div 숨기기 / 보이기

DIV 숨기기 / 보이지 

[head에 스크립트 적용]

<script>
function display()
    div1.style.display = "none";
} // div1 스타일에 글을 보이게 하기 위하여 "none"값을 적용

function display1()
    div1.style.display = "";
} // div1을 숨기기 위하여 display에 "" 값을 적용
</script>

[소스 내부에 들어갈 내용]

<div id=div1>
보이고 숨기고자 하는 내용
</div>

<input type="button" value="보이기" onclick="display1();" style="width: 40px" />
<input type="button" value="숨기기" onclick="display();" style="width: 40px" />
// 버튼을 이용하여 숨기거나 보여주는 것을 조정한다.

display1()을 불르면 div1 을 숨깁니다.
display()을 불르면 div1 을 감춥니다.

 

[위의 소스 적용 예]

보이고 숨기고자 하는 내용

'Programming > Script' 카테고리의 다른 글

Ajax - XMLHttpRequest  (0) 2012.04.27
Ajax란?  (0) 2012.04.27
HTML 4.0 Special Entities  (0) 2012.04.16
자주쓰는 공통스크립트  (0) 2012.04.13
div 숨기기 / 보이기  (0) 2012.04.10
하루동안 팝업창 띄우지 않기  (0) 2012.04.10