DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JavaScript中的style.display屬性操作
JavaScript中的style.display屬性操作
編輯:關於JavaScript     

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>

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved