如何使用Javascript来隐藏表格

如何使用javascritp隐藏红色的表格：代码如下：
<table width='100%' border='0' align='center' cellpadding='0' cellspacing='0'><tr>
<td height='22' colspan='5'> </td>
</tr>
<tr><td height='30'> </td>
</tr>
</table>
<br><table width='100%'><tr><td align='left'> </td>
</tr></table><form><table width='100%'  border='0' align='center' cellpadding='0' cellspacing='0'>
<tr align='center'>
<td> </td>
</tr>
</table>
<table width='100%' border='0' align='center' cellpadding='5' cellspacing='0'>  <tr><td height='200' valign='top'><table width='98%' border='0' cellpadding='2' cellspacing='1'>
<tr><td width="39%"> </td><td width="61%"> </td>
</tr><tr><td> </td>
<td> </td>
</tr> <tr bgcolor="#FF0000"><td>隐藏</td><td>隐藏</td>
</tr><tr bgcolor="#FF0000"><td>隐藏</td><td>隐藏</td>
</tr><tr bgcolor="#FF0000"><td>隐藏</td><td>隐藏</td>
</tr><tr bgcolor="#FF0000"><td>隐藏</td><td>隐藏 </td>
</tr><tr><td> </td>
<td></td>
</tr><tr><td>
</td><td> </td></tr><tr><td> </td><td> </td>
</tr><tr><td> </td>
<td></td>
</tr><tr><td> </td><td> </td>
</tr><tr><td> </td>
<td></td>
</tr><td height="16"></tbody>
<tbody>
<tr><td> </td><td> </td>
</tr></tbody>
<tbody>
<tr><td> </td><td> </td>
</tr><tr><td> </td><td> </td>
</tr><tr><td> </td><td> </td>
</tr><tr><td> </td>
<td> </td>
</tr><tr> <td> </td>
<td> </td>
</tr></tbody>
<tbody>
<tr><td> </td>
<td> </td>
</tr><tr><td> </td>
<td> </td>
</tr><tr><td> </td>
<td> </td>
</tr><tr><td> </td><td> </td></tr></tbody>
<tbody>
<tr><td> </td><td> </td></tr>
<tr><td> </td><td> </td>
</tr><tr><td> </td>
<td> </td>
</tr></tbody>
<tbody>
</tbody>
<tbody>
<tr><td> </td>
<td> </td>
</tr><tr><td> </td>
<td> </td>
</tr><tr><td> </td>
<td> </td>
</tr><tr><td> </td>
<td> </td>
</tr><tr><td> </td>
<td> </td>
</tr><tr><td> </td>
<td> </td>
</tr><tr><td> </td>
<td> </td>
</tr><tr><td> </td>
<td> </td>
</tr><tr><td> </td>
<td> </td>
</tr><tr><td> </td>
<td> </td>
</tr><tr><td> </td>
<td> </td>
</tr><tr><td> </td>
<td> </td>
</tr><tr><td> </td>
<td> </td>
</tr></tbody>
<tbody>
</tbody>
</table></td></tr></table><table width='100%'  border='0' align='center' cellpadding='0' cellspacing='0'>
<tr align='center' height='24'>
<td> </td>
</tr>
</table>
<br>
</form>
是否能够使用类似的办法隐藏表格，这里有一个例子，是在网络上找到的，谁能够弄出类似的Javascript~~~~
<script>
var table=document.getElementsByTagName("table");
table[0].style.display="none";
</script>

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<tr id="trh" bgcolor="#FF0000"><td>隐藏</td><td>隐藏</td>
</tr>document.getElementById("trh").style.display = "none";
<tr bgcolor="#FF0000" style="display:none"><td>隐藏</td><td>隐藏</td> //方法1
</tr><tr bgcolor="#FF0000" id="tr2"><td>隐藏</td><td>隐藏</td> //方法2
</tr><tr bgcolor="#FF0000"><td>隐藏</td><td>隐藏</td>
</tr><tr bgcolor="#FF0000"><td>隐藏</td><td>隐藏 </td>
<script>
//方法2
var tr22=document.getElementById("tr2");
tr22.style.display="none";
</script>
给要隐藏的控件加个id，如本例中就在红色表格<table>标签中加id='xxxx'然后用下面的语句隐藏或显示
document.getElementById('xxxx').style.display='none'; //隐藏
document.getElementById('xxxx').style.display='show'; //隐藏例：
<table width="300" border="0" cellpadding="1" bgcolor="black" id="tab1">
  <tr id="tr1" bgcolor="white"><td width="150">1111111</td><td width="150">222222222</td></tr>
  <tr bgcolor="white"><td>eeeeeeeee</td><td>sssssssss</td></tr>
  <tr bgcolor="white"><td><span id="span1">SFADFADFASF</span></td><td>ADADFADADF</td></tr>
</table>
<input type="button" value="隐藏表格" onclick="document.getElementById('tab1').style.display='none';">
<input type="button" value="显示表格" onclick="document.getElementById('tab1').style.display='';"><br>
<input type="button" value="隐藏第一行" onclick="document.getElementById('tr1').style.display='none';">
<input type="button" value="显示第一行" onclick="document.getElementById('tr1').style.display='';"><br>
<input type="button" value="隐藏第三行第一列内容" onclick="document.getElementById('span1').style.display='none';">
<input type="button" value="显示第三行第一列内容" onclick="document.getElementById('span1').style.display='';">
document.getElementById("objectid").style.display = "none";
大家好，我想用的是直接就用Javascript来隐藏的，而不是其它~~~