JavaScript中的style.display屬性操作

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

參數：

block : 　CSS1　塊對象的預設值。用該值為對象之後添加新行
none : 　CSS1　隱藏對象。與visibility屬性的hidden值不同，其不為被隱藏的對象保留其物理空間
inline : 　CSS1　內聯對象的預設值。用該值將從對象中刪除行
compact : 　CSS2　指派至為塊對象或基於內容之上的內聯對象
marker : 　CSS2　指定內容在容器物件之前或之後。要使用此參數，對象必須和:after及:before 虛擬元素一起使用
inline-table : 　CSS2　將表格顯示為無前後換行的內聯對象或內聯容器
list-item : 　CSS1　將塊對象指定為清單項目。並可以添加可選項目標誌
run-in : 　CSS2　指派至為塊對象或基於內容之上的內聯對象
table : 　CSS2　將對象作為塊元素級的表格顯示
table-caption : 　CSS2　將對象作為表格標題顯示
table-cell : 　CSS2　將對象作為表格儲存格顯示
table-column : 　CSS2　將對象作為表格列顯示
table-column-group : 　CSS2　將對象作為表格列組顯示
table-header-group : 　CSS2　將對象作為表格標題組顯示
table-footer-group : 　CSS2　將對象作為表格腳註組顯示
table-row : 　CSS2　將對象作為表格行顯示
table-row-group : 　CSS2　將對象作為表格行組顯示

說明：

設定或檢索對象是否及如何顯示。
目前 IE5.5僅支援以上CSS1的參數。
對應的指令碼特性為display。請參閱我編寫的其他書目。

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

複製代碼 代碼如下:<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>