디스플레이는 일반적으로 인라인, 블록으로 없음으로 설정할 수 있습니다
가시성은 일반적으로 숨겨 지거나 가시적으로 설정할 수 있습니다
디스플레이가없고 가시성이 숨겨지면 요소가 사라집니다. 그러나 차이점이 있습니다.
디스플레이는 요소를 숨기고 위치는 더 이상 점유되지 않으며 가시성은 원래 위치를 차지합니다.
이해하려면 예제를 살펴보십시오.
코드 사본은 다음과 같습니다.
<div id = "mydiv">
<p>
</p>
</div>
<input type = "button"onclick = "isvisibility (document.getElementById ( 'myDiv'))"value = "issibility visible" />
<input type = "button"onclick = "isdisplay (document.getElementById ( 'myDiv'))"value = "value ="표시가 표시됩니다 " />
<cript>
기능 isvisibility (me) {
if (me.style.visibility == "Hidden") {
me.style.visibility = "Visible"};
또 다른{
me.style.visibility = "숨겨진";
}
}
기능 isdisplay (me) {
if (me.style.display == "none") {
me.style.display = "block"};
또 다른{
me.style.display = "none";
}
}
</스크립트>