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

cloneNode(a)方法接受一個布爾值參數,表示是否深拷貝
true:表示執行深拷貝,復制本節點以及整個子節點樹
false:淺拷貝.只復制節點本身

復制后返回的節點副本屬於文檔所有,但是並沒有父節點.除非使用appendChild,insertChild(),replaceChild()將它添加到文檔

<div id="guoDiv"> 
　　<span>1</span> 
　　<span>2</span> 
　　<span>3</span> 
</div> 

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