document.createDocumentFragment()
解决渲染时间过长的问题,相当于一个塑料袋,把东西装好后一次性带回家,IE6-8适用,不过在高版本浏览器中几乎没有作用,反而会影响性能,所以基本没用了
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script>
window.onload = function(){
var ul = document.getElementById("ul1");
var frag = document.createDocumentFragment();
for(var i=0; i < 10000; i++){
var li = document.createElement("li");
frag.appendChild(li);
}
ul.appendChild(frag);
}
</script>
</head>
<body>
<ul id="ul1">
</ul>
</body>
</html>