<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>078文档碎片</title>
<script>
window.onload=function(){
console.time("test1");
for(var i=0;i<100000;i++){
var newDiv=document.createElement("div");
document.body.appendChild(newDiv);
}
console.timeEnd("test1");//120ms
/*先创建10w个节点,将10w个节点插入到一个节点上,最后将这一个节点添加到页面上*/
//test2
console.time("test2");
var node=document.createElement("div");
for(var i=0;i<100000;i++){
var newDiv=document.createElement("div");
node.appendChild(newDiv);
}
document.body.appendChild(node);
console.timeEnd("test2");//70ms
}
</script>
</head>
<body>
</body>
</html>