顯示廣告
隱藏 ✕
Disp BBS guest 註冊 登入(i) 負載稍重
看板 Mesak
作者 mesak
標題 [JS] 產生暫存物件等待插入物件中
時間 2012年11月02日 Fri. PM 12:02:18



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 += '
  • ' + n +'
  • ';
    })
    $('ul').html(ret)


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

    --
    ※ 作者: mesak 時間: 2012-11-02 12:02:18
    ※ 編輯: mesak 時間: 2012-11-02 12:15:24

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