快捷導(dǎo)航

JavaScript中的style.display屬性操作

更新時(shí)間：2013年03月27日 14:08:05 作者：

今天為大家介紹的是JavaScript中的style.display屬性操作實(shí)現(xiàn)代碼與參數(shù)介紹

display版本：CSS1/CSS2　   兼容性：IE4+   NS4+　繼承性：無(wú)

語(yǔ)法：

display   :   block   |   none   |   inline   |   compact   |   marker   |   inline-table   |   list-item   |   run-in   |   table   |table-caption   |   table-cell   |   table-column   |   table-column-group   |   table-footer-group   |   table-header-group   |   table-row   |   table-row-group

參數(shù)：

block   :   　CSS1　塊對(duì)象的默認(rèn)值。用該值為對(duì)象之后添加新行
none   :   　CSS1　隱藏對(duì)象。與visibility屬性的hidden值不同，其不為被隱藏的對(duì)象保留其物理空間
inline   :   　CSS1　內(nèi)聯(lián)對(duì)象的默認(rèn)值。用該值將從對(duì)象中刪除行
compact   :   　CSS2　分配對(duì)象為塊對(duì)象或基于內(nèi)容之上的內(nèi)聯(lián)對(duì)象
marker   :   　CSS2　指定內(nèi)容在容器對(duì)象之前或之后。要使用此參數(shù)，對(duì)象必須和:after及:before   偽元素一起使用
inline-table   :   　CSS2　將表格顯示為無(wú)前后換行的內(nèi)聯(lián)對(duì)象或內(nèi)聯(lián)容器
list-item   :   　CSS1　將塊對(duì)象指定為列表項(xiàng)目。并可以添加可選項(xiàng)目標(biāo)志
run-in   :   　CSS2　分配對(duì)象為塊對(duì)象或基于內(nèi)容之上的內(nèi)聯(lián)對(duì)象
table   :   　CSS2　將對(duì)象作為塊元素級(jí)的表格顯示
table-caption   :   　CSS2　將對(duì)象作為表格標(biāo)題顯示
table-cell   :   　CSS2　將對(duì)象作為表格單元格顯示
table-column   :   　CSS2　將對(duì)象作為表格列顯示
table-column-group   :   　CSS2　將對(duì)象作為表格列組顯示
table-header-group   :   　CSS2　將對(duì)象作為表格標(biāo)題組顯示
table-footer-group   :   　CSS2　將對(duì)象作為表格腳注組顯示
table-row   :   　CSS2　將對(duì)象作為表格行顯示
table-row-group   :   　CSS2　將對(duì)象作為表格行組顯示

說(shuō)明：

設(shè)置或檢索對(duì)象是否及如何顯示。
目前   IE5.5僅支持以上CSS1的參數(shù)。
對(duì)應(yīng)的腳本特性為display。請(qǐng)參閱我編寫(xiě)的其他書(shū)目。

下面給個(gè)例子：點(diǎn)擊顯示或隱藏

復(fù)制代碼代碼如下:

<script language="JavaScript">
function show(str){
var i=documeng.getElementById(str);
if (i.style.display == "none") {     
   i.style.display = "";     
}
else{     
   i.style.display = "none";     
}     
}      
</script>

您可能感興趣的文章: