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

 這篇文章主要介紹了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