css中实现div的显示和隐藏
div的visibility可以控制div的顯示和隱藏,但是隱藏后頁(yè)面顯示空白:?
style="visibility:?none;"
document.getElementById("typediv1").style.visibility="hidden";//隱藏
document.getElementById("typediv1").style.visibility="visible";//顯示
通過設(shè)置display屬性可以使div隱藏后釋放占用的頁(yè)面空間,如下
style="display:?none;"
document.getElementById("typediv1").style.display="none";//隱藏
document.getElementById("typediv1").style.display="";//顯示
特別說明
??display屬性設(shè)置元素的顯示方式,對(duì)應(yīng)腳本特性為display,可選值為none、block和inline,各值的說明如下:
????????none 隱藏元素,不保留元素顯示時(shí)的空間。
????????block塊方式顯示元素。
????????inline 以內(nèi)嵌方式顯示元素。
????????inline-block對(duì)象顯示為內(nèi)嵌元素,但所有子對(duì)象都顯示為塊元素,相鄰的內(nèi)嵌元素將顯示在同一行,允許空格。
????????list-item 將塊元素顯示為列表對(duì)象,并可以添加項(xiàng)目標(biāo)點(diǎn)。(需要IE6.0+支持)
????????table-header-group 將元素作為表格標(biāo)題組顯示,相當(dāng)于tHead元素。
????????table-footer-group 將元素作為表格腳注組顯示,相當(dāng)于tFoot元素。
??visibility屬性設(shè)置是否顯示元素,對(duì)應(yīng)的腳本特性為visibility,可選值為inherit、hidden和visible,各值的說明如下:
????????inherit 繼承父元素的visibility屬性設(shè)置。
????????hidden 隱藏元素,但保留其所占空間。
????????visible 顯示元素(默認(rèn)值)。
轉(zhuǎn)載于:https://www.cnblogs.com/houxm/archive/2008/12/08/1350037.html
總結(jié)
以上是生活随笔為你收集整理的css中实现div的显示和隐藏的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 内存泄漏了,咋回事?
- 下一篇: 按汉字首字母排序(sql语句)