我想让table中的某行可见

<script>
function aa()
{////
a.style.display="";
}
</script>
<input type=button onclick=aa(); value='可见'>
<table>
<tr id=a style="display:none"><td>111</td></tr>
<tr id=b><td>222</td></tr>
</table>

解决方案 »

  1.   

    <table id="tab" width="200" height="70" border="1" cellpadding="0" cellspacing="0">
        <tr><td>第一行</td></tr>
        <tr><td>第二行</td></tr>
        <tr style="display:none"><td>第三行</td></tr>
        <tr><td>第四行</td></tr>
    </table>
    <br>
    <button onClick="disp()">显示第三行</button>
    <script language="JavaScript">
      function disp(){
        tab.rows[2].style.display = "" 
      }
    </script>
      

  2.   

    to:： kegumingxin(刻骨铭心) ( 
    能否求出table共有多少行呢？用一个循环让其全部可见!
      

  3.   

    <table id="tab" width="200" height="70" border="1" cellpadding="0" cellspacing="0">
        <tr><td>第一行</td></tr>
        <tr><td>第二行</td></tr>
        <tr style="display:none"><td>第三行</td></tr>
        <tr><td>第四行</td></tr>
    </table>
    <br>
    <button onClick="disp()">显示</button>
    <button onClick="hide()">隐藏</button>
    <script language="JavaScript">
     function hide(){
       var a=tab.rows.length;
       
    for (i=0;i<a;i++)
    {
        tab.rows[i].style.display ="none";
    }
      }
      function disp(){
       var a=tab.rows.length;
       
    for (i=0;i<a;i++)
    {
        tab.rows[i].style.display = "" 
    }
      }
    </script>
    <body onload="hide()">
    </body>
    这样之后table还是占有页面的空间，能否让其不占空间！
      

  4.   

    <script>
      var tablerownum;
      tablerownum=document.all('tb').rows.length;  //tb为table的ID
      for (i=0;i<tablerownum-1;i++)
         {
             document.all('tb').rows(i).style.display=''
         }
    </script>