function CreateNodes(){
for(var i = 0;i < 10000;i++){
var tmpNode = document.createElement("div");
tmpNode.innerHTML = "test" + i + "<br />";
document.body.appendChild(tmpNode);
}
}
function CreateFragments(){
var fragment = document.createDocumentFragment();
for(var i = 0;i < 10000;i++){
var tmpNode = document.createElement("div");
tmpNode.innerHTML = "test" + i + "<br />";
fragment.appendChild(tmpNode);
}
document.body.appendChild(fragment);
}
參考資料:
JavaScript DocumentFragmentout of dom vs documentfragment
利用DocumentFragment加快DOM渲染速度
使用DocumentFragment來加快DOM操作速度
http://blog.rx836.tw/blog/javascript-documentframent/
沒有留言:
張貼留言