javascript
java display属性_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。請參閱我編寫的其他書目。
下面給個例子:點擊顯示或隱藏
function show(str){
var i=documeng.getElementById(str);
if (i.style.display == "none") {
i.style.display = "";
}
else{
i.style.display = "none";
}
}
總結
以上是生活随笔為你收集整理的java display属性_JavaScript中的style.display属性操作的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 内存大不大,用8G手机就够了
- 下一篇: 内存需求大揭秘:8GB够用?