[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行] 如果預先將nodeList轉換為數組就沒有問題！ 復制代碼 代碼如下: window.onload = function(){ var d = document.createDocumentFragment(); var div = document.getElementById("aaa"); var c = div.childNodes; var arr = []; for(var i=0,n=c.length;i<n;i++){ arr.push(c[i]) } for(var i=0,n=arr.length;i<n;i++){ alert(arr[i] + " "+ i) d.appendChild(arr[i]) } div.parentNode.replaceChild(d,div) }
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行] 很顯然nodeList還一些奇怪的特性是數組沒有的。從運行框2中，我們可以看到把節點appendChild到文檔碎片時，其實會把它從DOM樹中剝離出來，nodeList一定是跟蹤這變化，動態改變了它自身，而直線遞加的i是無法對應正確的節點的索引！因此我們每次取得它的firstChild就行了。 復制代碼 代碼如下: window.onload = function(){ var d = document.createDocumentFragment(); var div = document.getElementById("aaa"); var c = div.childNodes; while(c.length) d.appendChild(c[0])//每次只取它第一個節點，直到取空 div.parentNode.replaceChild(d,div) }