今天在項(xiàng)目中碰到這個(gè)問(wèn)題,要求用JS寫(xiě)。我郁悶,網(wǎng)上找了好久才找到相關(guān)資料,寫(xiě)下來(lái)供以后參考。
<html>
<head>
<SCRIPT type="text/javascript">
function s(tab1){
if(tab1.style.display == "none")
tab1.style.display="";
else
tab1.style.display = "none";
}
</SCRIPT>
</head>
<body>
<TABLE id="tab1" style="display: none">
<tr>
<td>aaa</td>
<td>bbb</td>
</tr>
</TABLE>
<TABLE>
<tr>
<td>
<INPUT type="button" name="b0" value="sumbit" onclick="s(tab1)">
</td>
</tr>
</TABLE>
</body>
</html>
發(fā)現(xiàn)洋式表很強(qiáng)啊,只是我不知道怎么用。
S()方法中傳入要隱藏的表格或其他空間的ID,其實(shí)不傳也可以,但是如果有多個(gè)BUTTON的響應(yīng)不同表格的時(shí)候,我們只需要改變方法中的參數(shù),而不需要另外寫(xiě)方法了,例如:
function s(t){
if(t.style.display == "none")
t.style.display="";
else
t.style.display = "none";
}......
<INPUT type="button" name="b0" value="sumbit" onclick="s(tab1)">
<INPUT type="button" name="b0" value="sumbit" onclick="s(tab2)">
<INPUT type="button" name="b0" value="sumbit" onclick="s(tab3)">