一行代码dom操作在不同浏览器下的效率不同

标签：

项目的的一个问题，给一个select动态添加数据，js代码如下

            var strSelect="<option></option>";
            for(var i =0;i < organizationList.length;i++){
                strSelect +=‘<option value=‘+organizationList[i].VALUE+‘>‘+organizationList[i].NAME+‘</option>‘;
            }
            console.time("selectCmdFill2 jquery append") ;
            $(obj).append(strSelect);
             console.timeEnd("selectCmdFill2 jquery append") ;

在IE11浏览器分别尝试了innerHTML,jquery 的html()和append()，但是加载时间差的不是很多，数据量一千条左右，都需要3.5秒左右，时间如下

jQuery的版本是1.7.2

innerHTML

jquery.append()

jquery.html()

之后又测试了在不同浏览器及IE不同版本下的不同

Chrome

Firefox

IE11

IE10

IE9

IE8

IE7

略感奇怪，IE9以上包括Edge都很忙，IE8以下（包含IE8）的却明显快了很多。

后面如果知道了原因所在再补充上来

一行代码dom操作在不同浏览器下的效率不同

标签：

原文地址：http://blog.csdn.net/ztzry1234/article/details/51312785