JavaScript中的style.display屬性運算_javascript技巧

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

文法   |   inline   |   compact   |   marker   | inline-table   |   list-item   |   run-in   |   table   |table-caption   |   table-cell   |  -header-group   |   table-row   |   table- row-group    

參數：
    
block   :   　CSS1　區塊物件的預設值。以此值為物件之後新增一行     none   :   　CSS1　隱藏物件。與visibility屬性的hidden值不同，其不為被隱藏的物件保留其實體空間    
inline   :   　CSS1　內嵌物件的預設值。用該值將從物件中刪除行    
compact   :   　CSS2　分配物件為區塊物件或基於內容之上的內聯物件    
marker   : 要使用此參數，物件必須與:after及:before   偽元素一起使用    
inline-table   :   　CSS2　將表格顯示為無前換行的內聯或內聯容器 物件指定為清單項目。並可新增選用項目標誌    
run-in   :   　CSS2　分配物件為區塊物件或基於內容之上的內聯物件    
table   :  　C2 〠 。 🎜>table-column-group   :   　CSS2　將物件作為表格列組顯示    
table-header-group   :   　CSS2　將物件作為表格標題群組顯示    
table-footer-group   8    　CSS2　將物件作為表格行顯示    
table-row-group   :   　CSS2　將物件作為表格行群組顯示    


說明：目前   IE5.5僅支援上述CSS1的參數。    
對應的腳本特性為display。請參閱我所寫的其他書目。


下面給一個範例：點選顯示或隱藏



複製程式碼


程式碼

複製程式碼

程式碼

if (i.style.display == "none ") {        i.style.display = "";    

}

else{    
   
script>