看板 Mesak
作者 標題 [JS] 產生暫存物件等待插入物件中
時間 2012年11月29日 Thu. PM 04:29:57
JavaScript 中的 document.createDocumentFragment
https://developer.mozilla.org/en-US/docs/DOM/document.createDocumentFragment
document.createDocumentFragment - Document Object Model (DOM) | MDN
![[圖]]()
Creates a new empty DocumentFragment . ...
![[圖]](https://developer.mozilla.org/media/img/mdn-logo-sm.png){kind=logo}
var ul = document.getElementsByTagName("ul")[0]; // assuming it exists
var docfrag = document.createDocumentFragment();
["Internet Explorer", "Mozilla Firefox", "Safari", "Chrome", "Opera"].forEach(function(e){
ul.appendChild(docfrag);
// a list with well-known web browsers
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)
$.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 累積人氣: 241
回列表(←)
分享