使用appendTo多次会降低性能

Question

function pp(){
$(document).xpath("//*[@id='Form1']/div[3]/div[1]/img").attr("src","http://i.imgur.com/uo5RuFX.png").clone().appendTo("body");
   $("#BreadCrumb_pnlResults").clone().appendTo("body");




      }

我想多次执行上面的代码，但每次执行时性能都会降低到脚本无响应的程度。 有没有更好的方法来执行上面的代码。 我听说过

createDocumentFragment();

但我不知道如何在我的代码中使用它 请帮忙

Answer 1

现在它正在使用这个

function pp(){
frag = document.createDocumentFragment();
var body = document.body;
var kp =   document.getElementById("IDName").cloneNode(true);
var ppma = frag.appendChild(kp);
body.appendChild(ppma);
}