cloneNode(a)方法接受一個布爾值參數(shù),表示是否深拷貝
true:表示執(zhí)行深拷貝,復制本節(jié)點以及整個子節(jié)點樹.
false:淺拷貝.只復制節(jié)點本身.
復制后返回的節(jié)點副本屬于文檔所有,但是并沒有父節(jié)點.除非使用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); //拷貝子節(jié)點 
alert(deepList.childNodes.length); //3或7(兼容性問題,所以結果不一樣) 
var showList = oDiv.cloneNode(false); //只拷貝當前元素的引用 
alert(showList.childNodes.length); //0 

您可能感興趣的文章:

js對象簡介與基本用法示例
這篇文章主要介紹了js對象簡介與基本用法,結合實例形式分析了JavaScript對象的概念、功能、基本用法與操作注意事項,需要的朋友可以參考下
2020-03-03
JS裝飾者模式和TypeScript裝飾器
學習的目的是對裝飾者模式模式有進一步的理解，并運用在自己的項目中；對TypeScript裝飾器的理解，更好的使用裝飾器，例如在nodejsweb框架中、vue-property-decorator中，或者是自定義裝飾器，能熟練運用并掌握其基本的實現(xiàn)原理。
2021-04-04
js幾秒以后倒計時跳轉示例
使用js實現(xiàn)幾秒以后倒計時跳轉，這個在某些特殊情況下還是比較實用的，下面為大家介紹下具體的實現(xiàn)步驟，感興趣的朋友不要錯過
2013-12-12
js數(shù)組合并的8種方法(最全)
在JavaScript中,有多種方法可以合并數(shù)組,本文主要介紹了8種方法,主要包括concat()、spread operator、push()、unshift()、splice()、Array.from()、Array.prototype.reduce()和ES6的Array.prototype.flat(),感興趣的可以了解一下
2023-08-08
fetch 如何實現(xiàn)請求數(shù)據(jù)
這篇文章主要介紹了fetch 如何實現(xiàn)請求數(shù)據(jù)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2018-12-12
基于JavaScript實現(xiàn)游戲購物車效果詳解
這篇文章主要介紹了如何利用JavaScript實現(xiàn)游戲購物車效果，文中的實現(xiàn)代碼講解詳細，對我們學習JavaScript有一定幫助，需要的可以參考一下
2022-03-03
前端面向對象編程之ES5語法ES6語法詳解
這篇文章主要為大家介紹了前端面向對象編程之ES5語法ES6語法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2022-11-11
Mysql內儲存JSON字符串根據(jù)條件進行查詢
本文主要介紹了Mysql內儲存JSON字符串根據(jù)條件進行查詢，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-02-02
IE 下Enter提交表單存在重復提交問題的解決方法
這篇文章主要介紹了IE 下Enter提交表單存在重復提交問題的解決方法,需要的朋友可以參考下
2014-05-05
利用js實現(xiàn)Vue2.0中數(shù)據(jù)的雙向綁定功能
vue數(shù)據(jù)雙向綁定是通過數(shù)據(jù)劫持結合發(fā)布者-訂閱者模式的方式來實現(xiàn)的,下面這篇文章主要給大家介紹了關于如何利用js實現(xiàn)Vue2.0中數(shù)據(jù)的雙向綁定功能的相關資料,需要的朋友可以參考下
2021-07-07