顯示廣告
隱藏 ✕
看板 Mesak
作者 mesak (Mesak)
標題
 [JS] 產生暫存物件等待插入物件中

時間 2012年11月29日 Thu. PM 04:29:57


JavaScript 中的 document.createDocumentFragment

https://developer.mozilla.org/en-US/docs/DOM/document.createDocumentFragment
 
var ul = document.getElementsByTagName("ul")[0]; // assuming it exists
var docfrag = document.createDocumentFragment();

["Internet Explorer", "Mozilla Firefox", "Safari", "Chrome", "Opera"].forEach(function(e){
	
var li = document.createElement("li");
       
	
li.textContent = e;
	
docfrag.appendChild(li);
	
});

ul.appendChild(docfrag);
// a list with well-known web browsers

http://ejohn.org/blog/dom-documentfragments/

http://blog.ericsk.org/archives/1358


不過聽說好像是 純 innerHTML = XX 比較快
jQuery
var ret = '';
$.each([1,2,3,4],function(n){
    ret += '<li>' + n +'</li>';
})
$('ul').html(ret)


為了物件dom完整性還是用append 好了


--
※ 作者: mesak 時間: 2012-11-29 16:29:57
※ 看板: Mesak 文章推薦值: 0 目前人氣: 0 累積人氣: 167 
※ 文章分類: JavaScript
r)回覆 e)編輯 d)刪除 M)不收藏 ^x)轉錄 同主題: =)首篇 [)上篇 ])下篇