【转】使用Javascript动态创建表格，不同的方法，巨大的运行时间差异！

2011-07-21 11:26 本来是想测试一下使用Javascript生成一个比较大的表格，大概需要多长时间，一直认为这会是一个比较固定的时间。期间用了几种不同的方法，发现效率相差太大了。下面是测试的具体说明： 目标：生成一个2000*5的表格，每个单元格的内容是行号+逗号+列号
方法一：使用createElement生成表格，使用insertRow和insertCell方法生成行列，单元格的内容使用innerHTML属性进行填充。

方法二：使用createElement生成表格，使用CreateElement方法生成行列，单元格的内容使用了createTextNode方法填充。

方法三：拼接表格innerHTML属性的字符串，使用字符串 += 操作符链接字符串

方法四：拼接表格innerHTML属性的字符串，各个字符串追加数组里面，最后调用数组的join方法生成目标字符串。 运行时间比较: 方法 运行时间(ms)  方法一 93037  方法二 3341  方法三 2795  方法四 500  具体的程序如下：