如何隐藏指定的表格
如何使用javascritp隐藏红色的表格，建议参考下：http://zhidao.baidu.com/question/***********.html<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控制页面的一个元素为隐藏,其实基本思想是:将该元素的CSS样式的display属性值设为none就可以了.楼主的问题中的那个链接中的回答已经可以实现了你的功能了.比如你要将所有隐藏的单元格用JS隐藏,可以给每个单元格命名一下,将上面相关代码更改如下
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<div id="all">
<table width="100%">
<tr bgcolor="#FF0000" id="hide_1"><td>隐 藏1111111</td><td>隐 藏1111111</td>
</tr><tr bgcolor="#FF0000" id="hide_2"><td >隐 藏222222222222</td><td>隐 藏***********</td>
</tr><tr bgcolor="#FF0000"><td>隐 藏</td><td>隐 藏</td>
</tr><tr bgcolor="#FF0000"><td>隐 藏</td><td>隐 藏 </td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</div>
<label>
<input type="button" name="Submit" value="隐藏第一个" onclick="hideIt(1)" />
<input type="button" name="Submit2" value="隐藏第二个" onclick="hideIt(2)" />
<input type="button" name="Submit3" value="隐藏全部" onclick="hideIt('all')" />
</label>
<script language="javascript">
function hideIt(id){
if (id == 'all'){
document.getElementById('all').style.display = 'none';
} else {
document.getElementById('hide_'+id).style.display = 'none';
}
}
</script>
</body>
</html>