怎么一个td单元格下面有若干个table,怎么隐藏这些table,而只显示中间的一个

如何一个td单元格下面有若干个table,如何隐藏这些table,而只显示中间的一个.
比如

<td id="td1">
<table id="table1"></table>
<table id="table2"></table>
<table id="table3"></table>
 ....
</td>


现在想让table1,table2,table3...中间同时只能出现一个,该如何用JS设置?我的想法是先隐藏所有的，然后根据传进来的参数再选择显示那个.如何隐藏所有的table?

------解决方案--------------------------------------------------------
var t = document.getElementsByTagName("table1")
for(var i=0;i < t.length;i++)
{ 
t.display = "none";
}
全部隐藏
document.getElementById("table1").display ="";
打开一个