javascript 拷貝節點cloneNode()使用介紹_javascript技巧

cloneNode(a)方法接受一個布林值參數,表示是否深拷貝
true:表示執行深拷貝,複製本節點以及整個子節點樹.
false:淺拷貝.只複製節點本身.
複製後傳回的節點副本屬於文件所有,但是並沒有父節點.除非使用appendChild,insertChild(),replaceChild()將它加入文件

複製程式碼 代碼如下:

1
2
3

var oDiv = document.getElementById("guoDiv");
var deepList = oDiv.cloneNode(true); //拷貝子節點
alert(deepList.childNodes.length); //3或7(相容性問題,所以結果不一樣)
var showList = oDiv.cloneNode(false); //只拷貝當前元素的引用
alert(showList.childNodes.length); //0