帮我的表格加加速

你本来不是数组吗？
对数组进行下处理，然后用join方法连接成字符串，一次全部document.write

解决方案 »

  1.   

    是用字符串打的，关键是一次全部write比较慢。如果能逐行就好了。
    我还试过先打出表格的整体，在去添加数据，关键是添加数据的时候不知道怎么去做到一个个添加，因为数据是循环取的，当for完毕后才会将相同属性的打出来，比如
    function getSub()
    {
     for(var i=0;i<xxx;i++)
      {    document.getElementById("id_"+i).innerHTML=data[i][1];//从数组获取某条纪录  
       }
    }
    那么只能在这个函数执行完后，才会将所有的id依次的打出来，我希望是一个一个的显示。
      

  2.   

    因为你一次打的字符串是通过+这样连接起来的吧？
    不要用这种形式，改成join方法，因为+这样在内存中占的地址单元是前面和后面是分开的。所以慢
      

  3.   

    对啊，join方法啊，谢谢，我试试。
      

  4.   

    join方法是数组元素连接成的字符串，你不会叫我把那些<tr><td>之类的标签也写到数组去，然后join之后在打印吧，如果是这样肯定不行的..,就算使用连接符号也不可以，因为数组里面还有很多的其他用来做判断，但不显示的数据
      

  5.   

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title></title>
    <script language="javascript">
    var totalRows = 0
    var color = 0
    function renderTableByRow()
    {
      if(oTable.readyState != "complete")
        return
      if (totalRows>0)
      {
        color ++
        html = "<tr><td><span style='color:#" + color + "'>data data data</span></td></tr>"
        hideTable.outerHTML = '<table id="hideTable" style="display:none">' + html + '</table>'
        oTable.children[0].appendChild(hideTable.rows[0])
        txt.value = totalRows
        totalRows--
      }
    }
    function aa()
    {
      totalRows = sel.value*1;
      color = 0x000000  
      oTable.removeChild(oTable.children[0]);
      oTable.appendChild(hideTable.children[0]);
      setInterval("renderTableByRow()",1);  
    }
    </script>
    </head><body>
      <select name="sel">
        <option value="100">100
        <option value="500">500
        <option value="1000">1000
        <option value="2000">2000
        <option value="10000">10000
      </select>
      <button onclick='aa()'>render</button>
      <input name="txt" value=""><br>  <TABLE id="oTable" WIDTH="300" BORDER="1" >
      <tr>
          <td>table</td>
      </TABLE>  <table id=hideTable style="display:none">
      <tr>
          <td>table</td>
      </table></body>
    </html>