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
參數(shù):
block : CSS1 塊對象的默認值。用該值為對象之后添加新行
none : CSS1 隱藏對象。與visibility屬性的hidden值不同,其不為被隱藏的對象保留其物理空間
inline : CSS1 內(nèi)聯(liá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。請參閱我編寫的其他書目。
下面給個例子:點擊顯示或隱藏
<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>
相關(guān)文章
BootStrap selectpicker后臺動態(tài)綁定數(shù)據(jù)
這篇文章主要介紹了BootStrap selectpicker后臺動態(tài)綁定數(shù)據(jù)的相關(guān)資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-06-06JavaScript裝飾器函數(shù)(Decorator)實例詳解
這篇文章主要介紹了JavaScript裝飾器函數(shù)(Decorator),結(jié)合實例形式分析了JavaScript裝飾器函數(shù)(Decorator)的功能、實現(xiàn)與使用方法,需要的朋友可以參考下2017-03-03基于javascript實現(xiàn)全國省市二級聯(lián)動下拉選擇菜單
這篇文章主要介紹了基于javascript實現(xiàn)全國省市二級聯(lián)動下拉選擇菜單,以一個完整實例形式較為詳細的分析了js實現(xiàn)省市二級聯(lián)動下拉菜單的實現(xiàn)技巧,非常簡單實用,需要的朋友可以參考下2016-01-01swiperjs實現(xiàn)導(dǎo)航與tab頁的聯(lián)動
這篇文章主要為大家詳細介紹了swiperjs實現(xiàn)導(dǎo)航與tab頁的聯(lián)動,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2020-12-12