javascript 拷貝節(jié)點cloneNode()使用介紹
更新時間：2014年04月03日 17:05:26 作者：
這篇文章主要介紹了javascript 節(jié)點操作拷貝節(jié)點cloneNode()的使用,需要的朋友可以參考下
cloneNode(a)方法接受一個布爾值參數(shù),表示是否深拷貝
true:表示執(zhí)行深拷貝,復(fù)制本節(jié)點以及整個子節(jié)點樹.
false:淺拷貝.只復(fù)制節(jié)點本身.
復(fù)制后返回的節(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(兼容性問題,所以結(jié)果不一樣)
var showList = oDiv.cloneNode(false); //只拷貝當前元素的引用
alert(showList.childNodes.length); //0
true:表示執(zhí)行深拷貝,復(fù)制本節(jié)點以及整個子節(jié)點樹.
false:淺拷貝.只復(fù)制節(jié)點本身.
復(fù)制后返回的節(jié)點副本屬于文檔所有,但是并沒有父節(jié)點.除非使用appendChild,insertChild(),replaceChild()將它添加到文檔
復(fù)制代碼 代碼如下:
<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(兼容性問題,所以結(jié)果不一樣)
var showList = oDiv.cloneNode(false); //只拷貝當前元素的引用
alert(showList.childNodes.length); //0
相關(guān)文章
這篇文章主要介紹了js對象簡介與基本用法,結(jié)合實例形式分析了JavaScript對象的概念、功能、基本用法與操作注意事項,需要的朋友可以參考下2020-03-03
學(xué)習的目的是對裝飾者模式模式有進一步的理解，并運用在自己的項目中；對TypeScript裝飾器的理解，更好的使用裝飾器，例如在nodejsweb框架中、vue-property-decorator中，或者是自定義裝飾器，能熟練運用并掌握其基本的實現(xiàn)原理。2021-04-04
使用js實現(xiàn)幾秒以后倒計時跳轉(zhuǎn)，這個在某些特殊情況下還是比較實用的，下面為大家介紹下具體的實現(xiàn)步驟，感興趣的朋友不要錯過2013-12-12
在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ù)，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習或者工作具有一定的參考學(xué)習價值，需要的朋友們下面隨著小編來一起學(xué)習學(xué)習吧2018-12-12
這篇文章主要介紹了如何利用JavaScript實現(xiàn)游戲購物車效果，文中的實現(xiàn)代碼講解詳細，對我們學(xué)習JavaScript有一定幫助，需要的可以參考一下2022-03-03
這篇文章主要為大家介紹了前端面向?qū)ο缶幊讨瓻S5語法ES6語法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-11-11
Mysql內(nèi)儲存JSON字符串根據(jù)條件進行查詢
本文主要介紹了Mysql內(nèi)儲存JSON字符串根據(jù)條件進行查詢，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-02-02
IE 下Enter提交表單存在重復(fù)提交問題的解決方法
這篇文章主要介紹了IE 下Enter提交表單存在重復(fù)提交問題的解決方法,需要的朋友可以參考下2014-05-05
利用js實現(xiàn)Vue2.0中數(shù)據(jù)的雙向綁定功能
vue數(shù)據(jù)雙向綁定是通過數(shù)據(jù)劫持結(jié)合發(fā)布者-訂閱者模式的方式來實現(xiàn)的,下面這篇文章主要給大家介紹了關(guān)于如何利用js實現(xiàn)Vue2.0中數(shù)據(jù)的雙向綁定功能的相關(guān)資料,需要的朋友可以參考下2021-07-07