performance - より良い: 文字列の html 生成と jquery DOM 要素の作成のパフォーマンスはどちらが優れていますか?

Question

 var str = '<table class="bndotamntbl" cellspacing="0" cellpadding="0" border="0">';
        str += '<tbody>';

        /*Create Header [Properties]*/
        str += '<tr>';
  str += '<td>'; SOME CONTENT


dv.innerHTML = str ;

VS

  var tbl = $('<table></table>').attr({ id: "tblContent" },{cellspacing: "0" },{cellpadding: "0"},{border: "0"}).addClass("bndotamntbl");
 $('<div>').attr({id:}).append(tbl);

より良い: 文字列 html 生成と jquery DOM 要素作成のパフォーマンスの比較?説明してください..

Answer 1

最初はこれdv.innerHTML = str;が実行されるときに DOM に追加されますが、後の例で$('<table></table>')は同時にノードを DOM に追加しています。

Mustache.js などのほとんどのテンプレート エンジン (html 文字列をコンパイルする) と同様に、最初のシナリオは問題ないようです。