提高HTML元素查找效率,innerHTML添加大量元素的效率问题

innerHTML添加大量元素的效率问题

// innerHTML 追加元素;加进去后又删了重新赋值

// for(var i = 0 ; i < 10000; i++){

// document.body.innerHTML += "

我是h3

";

// }

// appendChild 追加内容;直接加到循环结束;

// for(var i = 0; i < 10000; i++) {

// var h3 = document.createElement('h3');

// h3.innerHTML = "我是h3";

// document.body.appendChild(h3);

// }

var box = ""; // 创建一个空变量;

for (var i = 0; i < 10000; i++) {

box += "

我是h3

";

}

//虽然还是10000个 h3 标签，但是只赋值了一次

document.body.innerHTML = box;