使用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) ); }