如何一次点击就打开或关闭所有的<tr>部分？有样例，请帮助一下！谢谢！

Question

<table id=tableID border=1 width=200>
  <tr><td>a</td><td>a</td></tr>
  <tr><td>b</td><td>b</td></tr>
  <tr><td>c</td><td>c</td></tr>
  <tr><td>d</td><td>d</td></tr>
</table>
<input type=button value=展开所有 onclick="hs('show')">
<input type=button value=关闭所有 onclick="hs('hidden')"><script language="JavaScript"><!--
function hs(str)
{
    var e = document.getElementById("tableID");
    for (var i=0; i<e.rows.length; i++)
        e.rows[i].style.display = (str == "show") ? "" : "none"
}
//--></script>

Answer 1

<table border="1" cellpadding="0" cellspacing="0" width="100%" id="a">
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table><input type=button value=button onclick="showorhide()"><script language="JavaScript">
<!--
function showorhide()
{
    for (i=0; i<a .rows.length; i++)
        a .rows[i].style.display=(a.rows[i].style.display=="none") ? "" : "none"
}
//-->
</script>

Answer 2

<table border="1" width="100%" id="a">
  <tr>
    <td>　</td>
    <td>　</td>
  </tr>
  <tr>
    <td>　</td>
    <td>　</td>
  </tr>
</table>
<input type=button value=button onclick="showorhide()"><script language="JavaScript">
<!--
function showorhide()
{
        a.style.display=(a.style.display=="none") ? "" : "none"
}
//-->
</script>

Answer 3

如果要全部关闭把ID设在TABLE里面不就可以了？不过斑竹的意思好象不是这样？

Answer 4

呵呵，说明一下，我的Table是不定数量的，而且需要一次点击就关闭，而且这些Table的id也是自动添加的，没有个定数。
所以，上面的代码好像都没用，一次只能关一个Table。可能有朋友会问我为何需要那么多Table，实际上我是简化了问题，如果能用一个Table，我当然省事，可是不行。希望能有一次点击就关闭全部Table的代码出现！谢谢！

Answer 5

你问的是<tr>。
当然不会有处理table的.
道理是类似的，
改一下就出来了。

Answer 6

<table border="1" cellpadding="0" cellspacing="0" width="100%" id="a">
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table><input type=button value=button onclick="document.all.a.style.display='none'">

Answer 7

<table border="1" cellpadding="0" cellspacing="0" width="100%" id="a">
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
<input type=button value=close onclick="document.all.a.style.display='none'">
<input type=button value=open onclick="document.all.a.style.display=''">

Answer 8

第1个Table：
<table id="a"><tr><td>&nbsp;</td></tr></table>
第2个Table：
<table id="b"><tr><td>&nbsp;</td></tr></table>
我要一次点击就同时关闭这两个table，这里table的id是a和b，实际应用中不一定，但可以规定为a01、a02、a03之类有一定规律的id，这次应该说清楚要求了。谢谢各位!

Answer 9

<table id=tableID border=1 width=200>
  <tr><td>a</td><td>a</td></tr>
  <tr><td>b</td><td>b</td></tr>
  <tr><td>c</td><td>c</td></tr>
  <tr><td>d</td><td>d</td></tr>
</table>
<input type=button value=展开所有 onclick="hs('show')">
<input type=button value=关闭所有 onclick="hs('hidden')"><script language="JavaScript"><!--
function hs(str)
{
    var e = document.getElementById("tableID");
    for (var i=0; i<e.rows.length; i++)
        e.rows[i].style.display = (str == "show") ? "" : "none"
}
//--></script>
 那meizz(梅花雨)大侠的这段代码，你改吧改吧，
不就行了么？？？？？？？？？？？？？？至多用个二重循环，
？？？？？？？

Answer 10

function dispTable(dispflag, idstr)
{
  var dispflag, idstr;
  var allob = document.all;
  for(var k in allob) {
   if(allob[k] && allob[k].tagName
     && allob[k].tagName.toLowerCase() == "table"
     && allob[k].id) {
       if(!idstr || (idstr && idstr == allob[k].id))
          allob[k].style.diplay = (dispflag?"":"none");
   }
}dispTable(true); //显示设真ID的全部table
dispTable(false); //隐藏设真ID的全部tabledispTable(true, "myTable"); //显示ID为myTable的table
dispTable(false, "myTable"); //隐藏ID为myTable的table