インラインHTMLを挿入したり、新しい要素を作成する方が速いのですか？

Question

質問がありますが、プロトタイプを使用していますが、この質問はネイティブのjavascriptにも当てはまる可能性があります。実行するために、一般的に、より速く、より効率的である

：

seperatly要素を作成し、このような変数に代入についてどのように

$(divElement).insert('<div>Hello</div'); 

または

$(divElement).insert(new Element(div).insert('Hello')); 

：

var helloDiv = '<div>Hello</div>'; 
$(divElement).insert(helloDiv); 

または

var helloDiv = new Element('div').insert('Hello'); 
$(divElement).insert(helloDiv); 

要素を作成して挿入するよりも高速にインラインhtmlを作成していますか？この情報は、特にテーブルのようなものを構築するのに役立ちます。

ご協力いただきありがとうございます。

Answer 1

ブラウザによって異なりますが、ieとfirefoxの場合は間違いありませんが、クロムの方が遅いと思われます。 http://jsperf.com/innerhtml-vs-createelement-test

Answer 2

innerHTM LはappendChildの利点は、あなたが実際にリードバックし、追加したタグを更新できるように、それは実際にすべてのブラウザで正常にDOMを更新していることであるappendChild

よりも高速です。

innerHTMLを使用すると、すべてのブラウザでDOMが更新されないため、そのように追加されたコンテンツは追加後に更新できないことがあります（必要な場合）。