JS问题...关于显示表格的问题

Question

<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="";
}

Answer 1

和我那个有什么区别?????我要的是点击一个按钮只有相对应的表格显示出来,其它的都隐藏起来...(注:其它的都隐藏起来 这个非常重要)---------------------------------------
按照上面的JS,只能实现我点击按钮A会出现表格11  然后我再点击按钮B会出现两个表格一个11一个22了

Answer 2

var tid="table1";
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>

Answer 3

上面的不行吧...如果我第一次点击B,那会显示table2,然后我再点击C,那就会显示table2和table3了.然后我再点击D,那就会显示table2和table3和table4了

Answer 4

var tid="table1";
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显示
下回点击先把上回点击的隐藏掉　再显示下回要显示的
如果还是不对　那就是你自己的问题

Answer 5

<script>
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>