style.display,有点问题
生活随笔
收集整理的這篇文章主要介紹了
style.display,有点问题
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
下面的幾行代碼有什么問題?
我要做的是當點擊鏈接的時候下面的層顯示,再點擊則隱藏
1<a?href='#'?onclick='document.all.linkcate.style.display=="none"?"":"none"'>點擊</a>
2<div?id="linkcate"?z-index=20?style='DISPLAY:""'>
3show
4</div>?
style.display="block"與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。
我要做的是當點擊鏈接的時候下面的層顯示,再點擊則隱藏
1<a?href='#'?onclick='document.all.linkcate.style.display=="none"?"":"none"'>點擊</a>
2<div?id="linkcate"?z-index=20?style='DISPLAY:""'>
3show
4</div>?
style.display="block"與style.display=""的區別:
用這個控制顯示和不顯示,需要注意這兩個的區別,用第一個會換行,因為block是一個塊,它會換行,空(“”)則只顯示
備注: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。
總結
以上是生活随笔為你收集整理的style.display,有点问题的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 虚拟机系列 | JVM运行时数据区
- 下一篇: JEECG 3.2版本发布,基于代码生成