一行代码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操作在不同浏览器下的效率不同)