这个吗
<table id=tops>document.getElementById('tops').style.display = "";
document.getElementById('tops').style.display = "none";
<table id=tops>document.getElementById('tops').style.display = "";
document.getElementById('tops').style.display = "none";
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<body>
<form name="form1" method="post" action="">
<input type="button" name="Submit" value="按钮" onclick= "javascript:document.getElementById('tops').style.display = '';">
</form>
<table name="aaa" id=tops style="display: none">
3333
</table>
</body>
</html>
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="table1" height="136">
<tr>
<td align="center"><a href="javascript:;" onclick="javascript:d1.style.display='';d2.style.display='none';d3.style.display='none';">red</a></td>
<td align="center"><a href="javascript:;" onclick="javascript:d2.style.display='';d1.style.display='none';d3.style.display='none';">yellow</a></td>
<td align="center"><a href="javascript:;" onclick="javascript:d3.style.display='';d2.style.display='none';d1.style.display='none';">blue</a></td>
</tr>
</table>
</div>
<div align="center" style="display:none" id="d1">
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="table2">
<tr>
<td>
<div align="center">
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="table3" height="99" bgcolor="#FF0000">
<tr>
<td> </td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</div>
<div align="center" style="display:none" id="d2">
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="table4" height="101" bgcolor="#FFFF00">
<tr>
<td> </td>
</tr>
</table>
</div>
<div align="center" style="display:none" id="d3">
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="table5" height="102" bgcolor="#0000FF">
<tr>
<td> </td>
</tr>
</table>
</div>