本文详细解释了CSS中两种设置元素不可见的方法：visibility:hidden与display:none的区别。visibility:hidden使元素不可见但仍保留其占用的空间；而display:none则完全移除元素，不占用任何空间。此外，文章还探讨了这两种属性对于JavaScript的访问情况。
<input type="text" id="test1" style="display:block;visibility: hidden" value="visiability"/>
<input type="text" id="test2" style="visibility: visible;display:none" value="display"/>
二者都不可见。
即，如果同时使用二者，则任一设为不可见，则该控件为不可见。
而对于js两者都可引用到如：
alert(document.getElementById("test1").value);
alert(document.getElementById("test2").value);
二者均可打印出值。
visible:hidden控件不可见，留下空白区域；
display:none属性会使这个对象彻底消失，不留下空白区域。
<input type="text" id="test2" style="visibility: visible;display:none" value="display"/>
二者都不可见。
即，如果同时使用二者，则任一设为不可见，则该控件为不可见。
而对于js两者都可引用到如：
alert(document.getElementById("test1").value);
alert(document.getElementById("test2").value);
二者均可打印出值。
visible:hidden控件不可见，留下空白区域；
display:none属性会使这个对象彻底消失，不留下空白区域。
扫一扫
612
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
