<HTML>
<HEAD>
<script type="text/javascript">
function HideSomeTR()
{
tableRowDisplayHide(false, "testtbl", 1); //隱藏了第2列
tableRowDisplayHide(false, "testtbl", 3); //隱藏了第4列
}
/* tableRowDisplayHide()
R_status : 設為true為顯示,設為false為隱藏
TableID : Table的ID或tBody
RowNum : 列數，從0開始
*/
function tableRowDisplayHide(R_status, TableID, RowNum)
{
var thistbl = document.getElementById(TableID);
if (thistbl && RowNum < thistbl.rows.length) {
thistbl.rows[RowNum].style.display = R_status ? '' : 'none';
}
}
</script>
</HEAD>
<BODY>
<table id="testtbl" border="1">
<tr><td>第1列</td><td>A_11</td><td>A_12</td><td>A_13</td></tr>
<tr><td>第2列</td><td>B_11</td><td>B_12</td><td>B_13</td></tr>
<tr><td>第3列</td><td>C_11</td><td>C_12</td><td>C_13</td></tr>
<tr><td>第4列</td><td>D_11</td><td>D_12</td><td>D_13</td></tr>
<tr><td>第5列</td><td>E_11</td><td>E_12</td><td>E_13</td></tr>
</table>
<br>
<input type="button" value="隱藏TR" onclick="HideSomeTR();">
</BODY>
</HTML>
留言列表
