JavaScript 中的 document.createDocumentFragment

JavaScript 中的 document.createDocumentFragment
<br />var fragment = document.createDocumentFragment();<br />for (var i in some_array) {<br /> var node = document.createElement('option');<br /> node.innerHTML = '....';<br /> fragment.appendChild(node);<br />}<br />targetNode.appendChild(fragment);<br />
在這段程式碼中，使用了 document.createDocumentFragment() 這個函式產生一個 document fragment，你可以把它想作是一個處理 DOM element 的 buffer，把欲生成的 DOM element 先加入到這個 fragment 中，最後再一次加到頁面的 DOM 結構中，這樣的作法比起在迴圈中一直 appendChild 來得快上許多，當然更重要的是，問題也被解決了 :)