请教一个问题,我有一个表格,要动态隐藏显示其中的一些行,现在的做法是
for (i=0; i<table.rows.length; i++)
{
    table.rows[i].style.display = "none"  //或者 ""
}
但发现这样很慢,大约有200行;有什么更快的办法可以做到吗

解决方案 »

  1.   

    分别写两个css将设置display属性改为设置classname看看是否有效果.怎么有这么大的表格呢,没处理过
      

  2.   

    直接对table做,200行应该不算多啊
      

  3.   

    你直接给TABLE隐藏不就得了 还要费事搞TR干嘛
      

  4.   

    200行不是很多,刚才测试了下,还是可以接受的呀
    测试表格代码就不贴了,不刷屏了:)
    帖一个生成表格的方法吧(在最后面)
    <script language=javascript>
    var objTable=document.getElementById("table1")
    var objTr=objTable.childNodes[0].childNodes
    for(var i=5;i<objTr.length;i++)
    {
    objTr[i].style.display="none"
    }
    </script>
    <textarea id="textarea1" style="width:400;height:400"></textarea>
    <script language=javascript>
    var str=new Array()
    str[0]="<table id='table1' border='1'>"
    for(var i=0;i<201;i++)
    {
    str.push("<tr><td>")
    str.push(i)
    str.push("</td><td>")
    str.push(i)
    str.push(i)
    str.push("</td></tr>")
    }
    str.push("</table>") document.getElementById("textarea1").value=str.join("\n");
    </script>