快捷導(dǎo)航

JavaScript中的style.display屬性操作

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

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

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

語法：

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

說明：

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

下面給個例子：點擊顯示或隱藏

復(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>

您可能感興趣的文章: