欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  资讯频道

使用DocumentFragments增加DOM节点的Insertion性能

程序员文章站 2022-04-28 14:46:57
...
John Resig 的博客提到DOM的性能往往被大型web开发者忽略,他介绍了用DOM DocumentFragments来增加DOM节点的Insertion性能,而且DocumentFragments能够支持大多数主流的浏览器,包括IE 6.下面是一个例子:

var div = document.getElementsByTagName("div");

var fragment = document.createDocumentFragment();

for ( var e = 0; e <elems.length; e++ ) {
        fragment.appendChild( elems[e] );
}

for ( var i = 0; i <div.length; i++ ) {
        div[i].appendChild( fragment.cloneNode(true) );
}