.png)
相關(guān)關(guān)鍵詞
關(guān)于我們
最新文章
HTML 隱藏與顯示Table中的指定的TR行，非IE內(nèi)核的瀏覽器也可正常使用
HTML 隱藏與顯示Table中的指定的TR行，非IE內(nèi)核的瀏覽器也可正常使用
<html>
<head>
<meta http-equiv=Content-Type content="text/html;charset=utf-8">
<title>HTML 隱藏與顯示Table中的指定的TR行，非IE內(nèi)核的瀏覽器也可正常使用</title>
</head>
<body>
<input type="button" value="隱藏第1行" onclick="document.getElementById('tr1').style.display='none';"/>
<input type="button" value="隱藏第2行" onclick="document.getElementById('tr2').style.display='none';"/>
<input type="button" value="隱藏第3行" onclick="document.getElementById('tr3').style.display='none';"/><br/>
<!-- 顯示時不能使用“block”，否則非IE內(nèi)核的瀏覽器顯示不正常 -->
<input type="button" value="顯示第1行" onclick="document.getElementById('tr1').style.display='';"/>
<input type="button" value="顯示第2行" onclick="document.getElementById('tr2').style.display='';"/>
<input type="button" value="顯示第3行" onclick="document.getElementById('tr3').style.display='';"/>
<table width="600" border="1">
<tr>
<th width="100">序號</th>
<th width="200">姓名</th>
<th width="300">住址</th>
</tr>
<tr id="tr1">
<td>1001</td>
<td>張三</td>
<td>廣東珠海</td>
</tr>
<tr id="tr2">
<td>1002</td>
<td>李四</td>
<td>廣東廣州</td>
</tr>
<tr id="tr3">
<td>1003</td>
<td>王五</td>
<td>湖南長沙</td>
</tr>
</table>
</body>
</html>