您好,欢迎访问一九零五行业门户网

解析js原生方法创建表格效率测试_javascript技巧

我们先看一下三种算法以及在各种浏览器下的表现。
第一种: 直接操作dom。
复制代码 代码如下:
br>http://www.w3.org/tr/html4/loose.dtd>
new web project
第二种,借助借助createdocumentfragment。
复制代码 代码如下:
br>http://www.w3.org/tr/html4/loose.dtd>
new web project
第三种:借助js的原生表格操作方法
复制代码 代码如下:
br>http://www.w3.org/tr/html4/loose.dtd>
new web project
以上可以看出用原生的js创建表格效率最好,借助createdocumentfragment优势不是很大(并不像网上说的那么明显),借助insertrow和insertcell等在ie6、7下效率太低,不建议使用。
对第一种算法简单的优化了一下:
复制代码 代码如下:
br>http://www.w3.org/tr/html4/loose.dtd>
new web project
总结:对dom操作尽量使用createelement和appendchild,对于js内核提供的一些特殊方法慎用。
其它类似信息

推荐信息