JavaScript中的style.display屬性操作
display版本：CSS1/CSS2 兼容性：IE4+ NS4+ 繼承性：無(wú)
語(yǔ)法：
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 塊對(duì)象的默認(rèn)值。用該值為對(duì)象之后添加新行
none : CSS1 隱藏對(duì)象。與visibility屬性的hidden值不同，其不為被隱藏的對(duì)象保留其物理空間
inline : CSS1 內(nèi)聯(lián)對(duì)象的默認(rèn)值。用該值將從對(duì)象中刪除行
compact : CSS2 分配對(duì)象為塊對(duì)象或基于內(nèi)容之上的內(nèi)聯(lián)對(duì)象
marker : CSS2 指定內(nèi)容在容器對(duì)象之前或之后。要使用此參數(shù)，對(duì)象必須和:after及:before 偽元素一起使用
inline-table : CSS2 將表格顯示為無(wú)前后換行的內(nèi)聯(lián)對(duì)象或內(nèi)聯(lián)容器
list-item : CSS1 將塊對(duì)象指定為列表項(xiàng)目。并可以添加可選項(xiàng)目標(biāo)志
run-in : CSS2 分配對(duì)象為塊對(duì)象或基于內(nèi)容之上的內(nèi)聯(lián)對(duì)象
table : CSS2 將對(duì)象作為塊元素級(jí)的表格顯示
table-caption : CSS2 將對(duì)象作為表格標(biāo)題顯示
table-cell : CSS2 將對(duì)象作為表格單元格顯示
table-column : CSS2 將對(duì)象作為表格列顯示
table-column-group : CSS2 將對(duì)象作為表格列組顯示
table-header-group : CSS2 將對(duì)象作為表格標(biāo)題組顯示
table-footer-group : CSS2 將對(duì)象作為表格腳注組顯示
table-row : CSS2 將對(duì)象作為表格行顯示
table-row-group : CSS2 將對(duì)象作為表格行組顯示
說(shuō)明：
設(shè)置或檢索對(duì)象是否及如何顯示。
目前 IE5.5僅支持以上CSS1的參數(shù)。
對(duì)應(yīng)的腳本特性為display。請(qǐng)參閱我編寫(xiě)的其他書(shū)目。
下面給個(gè)例子：點(diǎn)擊顯示或隱藏
<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)文章
最近需要用到預(yù)加載和延遲加載的東東，就參考寫(xiě)了一個(gè)。支持跨頁(yè)面，支持超時(shí)設(shè)置與依賴(lài)設(shè)置。2010-05-05
Web技術(shù)實(shí)現(xiàn)移動(dòng)監(jiān)測(cè)的介紹
移動(dòng)偵測(cè)，一般也叫運(yùn)動(dòng)檢測(cè)，常用于無(wú)人值守監(jiān)控錄像和自動(dòng)報(bào)警。通過(guò)攝像頭按照不同幀率采集得到的圖像會(huì)被 CPU 按照一定算法進(jìn)行計(jì)算和比較，當(dāng)畫(huà)面有變化時(shí)，如有人走過(guò)，鏡頭被移動(dòng)，計(jì)算比較結(jié)果得出的數(shù)字會(huì)超過(guò)閾值并指示系統(tǒng)能自動(dòng)作出相應(yīng)的處理2017-09-09
JavaScript?split()方法定義及更多實(shí)例
這篇文章主要給大家介紹了關(guān)于JavaScript?split()方法定義及更多實(shí)例的相關(guān)資料,js里的split()方法大家都知道用于將字符串轉(zhuǎn)化為字符串?dāng)?shù)組,文中通過(guò)代碼實(shí)例介紹的非常詳細(xì),需要的朋友可以參考下2024-03-03
JavaScript初學(xué)者應(yīng)注意的七個(gè)細(xì)節(jié)小結(jié)
每種語(yǔ)言都有它特別的地方，對(duì)于JavaScript來(lái)說(shuō)，使用var就可以聲明任意類(lèi)型的變量，這門(mén)腳本語(yǔ)言看起來(lái)很簡(jiǎn)單，然而想要寫(xiě)出優(yōu)雅的代碼卻是需要不斷積累經(jīng)驗(yàn)的2012-01-01
Uploadify是JQuery的一個(gè)上傳插件，實(shí)現(xiàn)的效果非常不錯(cuò)，帶進(jìn)度顯示。接下來(lái)通過(guò)本文給大家介紹Uploadify上傳文件方法，涉及到Uploadify在Aspnet中的使用相關(guān)知識(shí)，本文介紹的非常詳細(xì)，具有參考借鑒價(jià)值，需要的朋友一起學(xué)習(xí)吧2016-03-03
這篇文章主要介紹了JavaScript中的操作符==與===介紹,本文講解了===操作符的判斷規(guī)則、==操作符的判斷規(guī)則,需要的朋友可以參考下2014-12-12
html 5.0的canvas可以獲取到圖片的像素點(diǎn)了。這樣，我們可以做很多以圖片有關(guān)的操作和渲染了。當(dāng)然今后也會(huì)給瀏覽器渲染引擎更高的要求。（YY, 什么時(shí)候html渲染引擎也支持多核和GPU呢？）2009-04-04
和JAVA中String對(duì)象用處一樣啊，javascript中的String對(duì)象也有自己的方法，和JAVA中的類(lèi)似。2015-06-06
js浮點(diǎn)數(shù)保留兩位小數(shù)點(diǎn)示例代碼(四舍五入)
本篇文章主要介紹了js浮點(diǎn)數(shù)保留兩位小數(shù)點(diǎn)示例代碼(四舍五入) 需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-12-12
Bootstrap媒體對(duì)象的實(shí)現(xiàn)
在web頁(yè)面中，圖片居左，內(nèi)容居右排列，是非常常見(jiàn)的效果，它也就是媒體對(duì)象，它是一種抽象的樣式，可以用來(lái)構(gòu)建不同類(lèi)型的組件。本文給大家介紹Bootstrap媒體對(duì)象的實(shí)現(xiàn)，感興趣的朋友一起學(xué)習(xí)吧2016-05-05