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