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