<html>
<head>
<script language=javascript>
function showclasscheck(checktype)
{
var objDiv = document.getElementById ("checkclass");
if (checktype==1)
objDiv.style.display = "block";
else
objDiv.style.display = "none";
}
</script>
</head>
<body>
<table border=0>
<tr>
<TD class=tablebody1>
<INPUT type=radio checked name=userclass value=0 onclick="showclasscheck(0)">隱藏
<INPUT type=radio name=userclass value=1 onclick="showclasscheck(1)" checked>顯示</TD>
</TR>
</tr>
</table>
<div id="checkclass" align=center>測(cè)試區(qū)域</div>
</body>
</html>
程序體內(nèi):
if (xxxxxx){ //這里的xxxxx是判斷語(yǔ)句
document.all.tmkh_net.style.display = ""; //顯示
}
else{
document.all.tmkh_net.style.display = "none"; //不顯示
}
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。
Firefox
關(guān)于HTML的style.display和style.visibility的區(qū)別大家都知道。
style.visibility一般取值'visible'或'hidden'進(jìn)行顯示和隱藏,但是元素所占據(jù)的網(wǎng)頁(yè)位置是不釋放的,只是看不見(jiàn)。效果就是該位置上空了一塊。
而style.display一般取值'block'或'none'進(jìn)行顯示和隱藏,不過(guò)會(huì)釋放掉網(wǎng)頁(yè)上的位置。
但是如果在<table>中對(duì)<tr>或者<td>使用style.display來(lái)控制顯示/隱藏某行或某個(gè)單元格的話,在IE中一切正常,但是在Firefox中就會(huì)出現(xiàn)錯(cuò)位的現(xiàn)象。
解決方法是把style.display='block' 寫(xiě)成 style.display=''就可以了,原因么,沒(méi)看過(guò)FF代碼,不清楚。
posted on 2007-11-20 13:35
doodoosun 閱讀(2199)
評(píng)論(0) 編輯 收藏 所屬分類(lèi):
Struts_Spring