动态添加行的问题

insertRow()和insertCell()都是效率很低的js代码。不如用DataGrid做好了

解决方案 »

  1.   

    <!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="">
      <script src="http://code.jquery.com/jquery-latest.js"></script><SCRIPT LANGUAGE="JavaScript">function StringBuffer() {
        this.__strings__ = new Array;
    }StringBuffer.prototype.append = function (str) {
        this.__strings__.push(str);
    };StringBuffer.prototype.toString = function () {
        return this.__strings__.join("");
    };
    function sbString(){
    var sb = new StringBuffer();
    var foo=1000;
    while(foo>0)
    {
    sb.append("<TR><TD>");
    sb.append(foo);
    sb.append("</TD><TD>");
    sb.append(foo);
    sb.append("</TD><TD>");
    sb.append(foo);
    sb.append("</TD><TR>");
    foo--;
    }
    return sb.toString();
    }
    $(document).ready(
    function(){
        var   n   =   new   Date().getTime();  
    $("table tr:first").before(sbString());
    alert("用时"+(new Date().getTime()-n)+"毫秒!");
    }
    );
    </script>
    </head>
    <body>
    <TABLE style="border:solid 1px red;width:200px" cellpadding=4 cellspacing=4>
    <TR>
    <TD>0</TD>
    <TD>0</TD>
    <TD>0</TD>
    </TR></TABLE>
    </body>
    </html>
    ---------------------------
    Windows Internet Explorer
    ---------------------------
    用时3563毫秒!
    ---------------------------
    确定   
    ---------------------------你要多快啊.
      

  2.   

    直接生成字符串插入是最快的var string="";
    for(;;)
    {
       string+="<td>"+value+"</td>";
    }