900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > 在css中怎么显示隐藏div css中实现div的显示和隐藏

在css中怎么显示隐藏div css中实现div的显示和隐藏

时间:2023-10-04 23:04:11

相关推荐

在css中怎么显示隐藏div css中实现div的显示和隐藏

div的visibility能够控制div的显示和隐藏,可是隐藏后页面显示空白:

style="visibility: none;"

document.getElementById("typediv1").style.visibility="hidden";//隐藏

document.getElementById("typediv1").style.visibility="visible";//显示google

经过设置display属性能够使div隐藏后释放占用的页面空间,以下

style="display: none;"

document.getElementById("typediv1").style.display="none";//隐藏

document.getElementById("typediv1").style.display="";//显示.net

特别说明对象

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 显示元素(默认值)。blog

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。