<table>
<tr id="table11" style="display:none"> <td>222</td>
<td>333</td></tr>
<tr id="table22" style="display:none">
<td>222</td>
<td>333</td>
</tr>
</table>
<A href="javascript:;" onclick="menu_display('table11');">按钮A</a>
<A href="javascript:;" onclick="menu_display('table22');">按钮B</a>
function menu_display(t_id){//显示隐藏程序
var t_id;//表格IDdocument.getElementById(t_id).style.display="";
}
<tr id="table11" style="display:none"> <td>222</td>
<td>333</td></tr>
<tr id="table22" style="display:none">
<td>222</td>
<td>333</td>
</tr>
</table>
<A href="javascript:;" onclick="menu_display('table11');">按钮A</a>
<A href="javascript:;" onclick="menu_display('table22');">按钮B</a>
function menu_display(t_id){//显示隐藏程序
var t_id;//表格IDdocument.getElementById(t_id).style.display="";
}
按照上面的JS,只能实现我点击按钮A会出现表格11 然后我再点击按钮B会出现两个表格一个11一个22了
function Display(t_id)
{
document.getElementById(tid).style.display="none";
tid = t_id;
document.getElementById(t_id).style.display="";
}
<table>
<tr id="table1" style="display:none"><td>1</td>
</tr>
<tr id="table2" style="display:none"><td>2</td>
</tr>
<tr id="table3" style="display:none"><td>3</td>
</tr>
<tr id="table4" style="display:none"><td>4</td>
</tr>
<tr id="table5" style="display:none"><td>5</td>
</tr>
<tr id="table6" style="display:none"><td>6</td>
</tr>
</table>
<A href=# onclick="Display('table1');">A</A>
<A href=# onclick="Display('table2');">B</A>
<A href=# onclick="Display('table3');">C</A>
<A href=# onclick="Display('table4');">D</A>
<A href=# onclick="Display('table5');">E</A>
<A href=# onclick="Display('table6');">F</A>
function Display(t_id)
{
document.getElementById(tid).style.display="none";
tid = t_id;
document.getElementById(t_id).style.display="";
}
这段js是把你点击的某个t_id先存入变量tid中 然后让t_id显示
下回点击先把上回点击的隐藏掉 再显示下回要显示的
如果还是不对 那就是你自己的问题
var tid="table1";
function Display(t_id)
{
document.getElementById(tid).style.display="none";
tid = t_id;
document.getElementById(t_id).style.display="";
alert(tid); //经调试,正确
}
</script>
<table>
<tr id="table1" style="display:none"><td>1</td>
</tr>
<tr id="table2" style="display:none"><td>2</td>
</tr>
<tr id="table3" style="display:none"><td>3</td>
</tr>
<tr id="table4" style="display:none"><td>4</td>
</tr>
<tr id="table5" style="display:none"><td>5</td>
</tr>
<tr id="table6" style="display:none"><td>6</td>
</tr>
</table>
<A href=# onclick="Display('table1');">A</A>
<A href=# onclick="Display('table2');">B</A>
<A href=# onclick="Display('table3');">C</A>
<A href=# onclick="Display('table4');">D</A>
<A href=# onclick="Display('table5');">E</A>
<A href=# onclick="Display('table6');">F</A>