visibility和display的区别
visibility 属性设置元素是否应该是可见的。
visibility 属性允许作者显示或隐藏一个元素。与 display 属性类似。然而,不同的是,
如果您设置 display:none,将隐藏整个元素,
如果您设置 visibility:hidden,元素的内容将不可见,但元素仍保持原来的位置和大小。
<script> function demoDisplay() { document.getElementById("p1").style.display="none"; } function demoVisibility() { document.getElementById("p2").style.visibility="hidden"; } </script> <p id="p1">This is some text.</p> <p id="p2">This is some text.</p> <input type="button" οnclick="demoDisplay()" value="Hide text with display property"> <input type="button" οnclick="demoVisibility()" value="Hide text with visibility property">
其他: