一行代码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）的却明显快了很多。

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