js如何实现点击一下隐藏/显示一个表格行再点击一下再隐藏/显示下一个表格行？？

<styletype="text/css">h1,h2{text-align:center}input{width:80px;height:25px}</style><s... <style type="text/css">
h1,h2{ text-align:center}
input{ width: 80px; height:25px}
</style>
<script>
function HiddenTr(num,display)
{
var tempTable=document.getElementsByTagName("table")[0]
var tempTd=tempTable.getElementsByTagName("tr")[num]
if(display=="1")
tempTd.style.display=""
else
tempTd.style.display="none"
}
</script>
</head>

<body>
<h1>LLL
<h2>PPP</h2>
<table align="center" border="1" cellpadding="15" cellspacing="0">
<tr>
<td>ID</td>
<td> </td>
<td align="center">DR</td>
<td align="center">CR</td>
</tr>
<tr>
<td>1</td>
<td align="center">1</td>
<td align="center">
1
</td>
<td align="center">
1
</td>
</tr>
<tr>
<td>2</td>
<td align="center">
2
</td>
<td align="center">
2
</td>
<td align="center">
2</td>

</tr>
</table>
<center>
<input type="button" onClick="HiddenTr(2,0)" value="隐藏"/> <input type="button" onClick="HiddenTr(2,1)" value="显示"/>
</center>
</body>
</html>
这个只能控制一行的显示/隐藏.......
要同一个按钮控制所有行的显示/隐藏。
另外让表格行初始状态时隐藏的。展开

 我来答