CoderChang 2012-07-29
div的visibility可以控制div的显示和隐藏,但是隐藏后页面显示空白:
style="visibility:none;"
document.getElementById("typediv1").style.visibility="hidden";//隐藏
document.getElementById("typediv1").style.visibility="visible";//显示
通过设置display属性可以使div隐藏后释放占用的页面空间,如下
style="display:none;"
document.getElementById("typediv1").style.display="none";//隐藏
document.getElementById("typediv1").style.display="";//显示
特别说明
display属性设置元素的显示方式,对应脚本特性为display,可选值为none、block和inline,各值的说明如下:
none隐藏元素,不保留元素显示时的空间。
block块方式显示元素。
inline以内嵌方式显示元素。
inline-block对象显示为内嵌元素,但所有子对象都显示为块元素,相邻的内嵌元素将显示在同一行,允许空格。
list-item将块元素显示为列表对象,并可以添加项目标点。(需要IE6.0+支持)
table-header-group将元素作为表格标题组显示,相当于tHead元素。
table-footer-group将元素作为表格脚注组显示,相当于tFoot元素。
visibility属性设置是否显示元素,对应的脚本特性为visibility,可选值为inherit、hidden和visible,各值的说明如下:
inherit继承父元素的visibility属性设置。
hidden隐藏元素,但保留其所占空间。
visible显示元素(默认值)。
本文实例讲述了jQuery基于闭包实现的显示与隐藏div功能。分享给大家供大家参考,具体如下:。<p>当前手机号码:<span id="oldPhone">$!{user.phone}</span>&