2013-04-01 21 views
1
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更好:string html生成vs jquery DOM元素創建表現明智嗎?

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

更好:字符串HTML生成VS jQuery的DOM元素創建性能明智請解釋一下..

+0

它可能不明顯,除非你是以批量的方式做這件事。你總是可以在[jsperf]上測試自己(http://jsperf.com/) – jackcogdill

+0

假設我有一個很大的dom,那麼哪一個更好。 – Shailendra

回答

0

第一個將被添加到DOM時,這dv.innerHTML = str;執行,但在以後的例子嗎? ,$('<table></table>')您正在同時向DOM添加節點。由於絕大多數模板引擎(例如Mustache.js等)都在做(編譯html字符串),所以第一種情況似乎沒有問題。