简单问题，在线等

比如我想隐藏表格第一行至第十行
可以这样：
tr1.style.display="none";
tr2.style.display="none";
tr3.style.display="none";
tr4.style.display="none";
tr5.style.display="none";
tr6.style.display="none";
tr7.style.display="none";
tr8.style.display="none";
tr9.style.display="none";
tr10.style.display="none";可是我想用循环怎么写？
for (i=1;i<=10；i++)
{
document.write(i);
？？？？.style.display="none";//我想在这里改不知道用什么方法？
}

解决方案 »

  1.   

    for (i=1;i<=10；i++)
    {
    document.write(i);
             var trid="tr"+i;
    trid.style.display="none";
    }
      

  2.   

    for (i=1;i<=10；i++)
    {
    var trid=eval("tr"+i)
    trid.style.display="none";
    }
    或者用 getElementById()
    for (i=1;i<=10；i++)
    {
    document.getElementById("tr"+i).style.display="none";
    }
      

  3.   

    <table width="106"  bordercolor="#000000" bgcolor="#FF0000" border="1" id="myTable">
    <tr><td>1</td></tr>
    <tr><td>2</td></tr>
    <tr><td>3</td></tr>
    <tr><td>4</td></tr>
    <tr><td>5</td></tr>
    </table><script>
    var mtb=document.all.myTable;
    for(i=0;i<4;i++){
    mtb.rows[i].style.display="none";
    }</script>
      

  4.   

    我现在加了一个下一页的按钮就会出问题了，代码如下：<table width="106"  bordercolor="#000000" bgcolor="#FF0000" border="1" id="tb1">
    <%for i=0 to 19%>
    <tr id="tr<%=i%>" style="display:none ">
    <td ><%=i%></td>
    </tr>
    <%next%>
    </table><script language="javascript">
    var page_num=3;
    var count=12;
    var page=1;
    list(page);
    function nextpage()
    {
    page=parseInt(page+1);
    document.write(page);
    list(page);
    }function list(page)
    {
    //var mtb=document.all.tb1
    for (i=(page-1)*page_num;i<=count && i<=(page*page_num)-1;i++)
    {
     document.write(i);
         var trid=eval("tr"+i);
     trid.style.display=""; }

    }
    </script>
    <input type="button" value="next" onClick="nextpage()">
      

  5.   

    我觉得先要判断对象是不是存在，对象不存在是不好调用属性的，贴代码时能不能只帖html代码
             for (i=(page-1)*page_num;i<=count && i<=(page*page_num)-1;i++)
    {
     document.write(i);
              var trid=eval("tr"+i);
              if(trid)
     trid.style.display="none"; }
      

  6.   

    大功告成，已经可以实现客户端分页了。下面是程序，希望高手们看看，还有什么不足的<html>
    <head>
    <script language="javascript">
    var page_num=3;
    var count=19;
    var page=1;</script>
    </head>
    <body>
    <table width="106"  bordercolor="#000000" bgcolor="#FF0000" border="1" id="tb1">
    <%for i=0 to 19%>
    <tr id="tr<%=i%>" style="display:none ">
    <td ><%=i%></td>
    </tr>
    <%next%>
    </table><script language="javascript">
    openlist(page);
    function openlist(page)
    {
    //var mtb=document.all.tb1
    for (i=(page-1)*page_num;i<=count && i<=(page*page_num)-1;i++)
    {
     //document.write(i);
         var trid=eval("tr"+i);
     if(trid)
     trid.style.display=""; }

    }
    function closelist(page)
    {
    //var mtb=document.all.tb1
    for (i=(page-1)*page_num;i<=count && i<=(page*page_num)-1;i++)
    {
     //document.write(i);
         var trid=eval("tr"+i);
     if(trid)
     trid.style.display="none"; }

    }function nextpage()
    {
    if ((page*page_num)<count)
    {
    closelist(page);
    page=parseInt(page+1);
    //document.write(page);
    openlist(page);
    }
    else
    {
    alert("已经是最后一页了，不能在到下一页了");
    return;
    }
    }
    function prevpage()
    {
    if (page>1)
    {
    closelist(page);
    page=parseInt(page-1);
    openlist(page);
    }
    else
    {
    alert("已经是第一页了，不能在到上一页了");
    return;
    }
    }
    </script>
    <input type="button" value="next" onClick="nextpage()"><br>
    <input type="button" value="prev" onClick="prevpage()">
    </body>
    </html>