请教如何将表格中的几行隐藏起来，适当的时候再显示出来

不能在TR外面使用DIV，但是可以使用TBODY，代码如下：
<table border="1">
<tbody id="t" style="display:none">
<tr>
<td>
第一行
</td>
</tr>
<tr>
<td>
第二行
</td>
</tr>
</tbody>
<tr>
<td>
第三行
</td>
</tr>
</table>
<button onclick="document.all.t.style.display='inline'">show</button>
<button onclick="document.all.t.style.display='none'">hide</button>

解决方案 »

  1.   

    <tr id="tr1" style="display:none">
    ....
    </tr><input type=button value="show" onclick="javascript:document.getElementById('tr1').style.display=''">
      

  2.   

    <table border=1 id="t1">
      <tr style="display:none"><td>1</td><td>1</td><td>1</td></tr>
      <tr style="display:none"><td>1</td><td>1</td><td>1</td></tr>
      <tr style="display:none"><td>1</td><td>1</td><td>1</td></tr>
    </table>
    <input type=button value="显示第一行" onclick="document.getElementById('t1').rows[0].style.display=''">
    <input type=button value="显示第二行" onclick="document.getElementById('t1').rows[1].style.display=''">
    <input type=button value="显示第三行" onclick="document.getElementById('t1').rows[2].style.display=''">
      

  3.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="姚维风">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    </HEAD><BODY>
    <TABLE border='1' id='mytable'>
    <TR>
    <TD>类型</TD>
    <TD>日期</TD>
    <TD>人</TD>
    <TD>内容</TD></TR>
    <TR>
    <TD>正常</TD>
    <TD>2004-01-01</TD>
    <TD>麻子</TD>
    <TD>我就是麻子</TD>
    </TR>
    <TR>
    <TD>不正常</TD>
    <TD>2004-01-01</TD>
    <TD>三儿</TD>
    <TD>我就是三儿</TD>
    </TR>
    <TR>
    <TD>正常</TD>
    <TD>2004-01-01</TD>
    <TD>麻子</TD>
    <TD>我就是麻子</TD>
    </TR>
    <TR>
    <TD>正常</TD>
    <TD>2004-01-01</TD>
    <TD>麻子</TD>
    <TD>我就是麻子</TD>
    </TR>
    <TR>
    <TD>正常</TD>
    <TD>2004-01-01</TD>
    <TD>麻子</TD>
    <TD>我就是麻子</TD>
    </TR>
    <TR>
    <TD>不正常</TD>
    <TD>2004-01-01</TD>
    <TD>三儿</TD>
    <TD>我就是三儿</TD>
    </TR>
    <TR>
    <TD>不正常</TD>
    <TD>2004-01-01</TD>
    <TD>三儿</TD>
    <TD>我就是三儿</TD>
    </TR></TABLE>
    <input type="button"  value="过滤掉正常送审" onclick="showlist('正常')">
    <input type="button" value="过滤掉会签" onclick="showlist('不正常')">
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    //隐藏table行函数
    //姚维风 2004-9-15
    //update:2004-9-15
    //参数：str(过滤行参数)
    //其他：无
    var tblen = document.all.mytable.rows.length;
    function showlist(str)
    {
    ResetTable();
    for(var i=1;i<tblen;i++)
    {
    if(document.all.mytable.rows[i].cells[0].innerText==str)
    {
    document.all.mytable.rows[i].style.display = 'none';
    }
    }
    }
    function ResetTable()
    {
    for(var i=1;i<tblen;i++)
    {
    document.all.mytable.rows[i].style.display = '';
    }
    }
    //-->
    </SCRIPT>
    </BODY>
    </HTML>