js中的DOM基本操作非常簡單，但是如何能有效地進行這些操作一直是一個難題。這其中最典型的問題便是批量增加DOM元素。增加一個DOM元素是一步花費很大的操作。而批量增加對系統的花銷更是不菲。一個比較好的批量增加的辦法便是使用 document fragments ： ~~~ var div = document.getElementsByTagName("my_div"); var fragment = document.createDocumentFragment(); for (var e = 0; e < elems.length; e++) { fragment.appendChild(elems[e]); } div.appendChild(fragment.cloneNode(true)); ~~~ 直接添加DOM元素是一個非常昂貴的操作。但是如果是先把要添加的元素全部創建出來，再把它們全部添加上去就會高效很多。