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); //只拷貝當(dāng)前元素的引用
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); //只拷貝當(dāng)前元素的引用
alert(showList.childNodes.length); //0
相關(guān)文章
詳解JavaScript實現(xiàn)監(jiān)聽路由變化
前端實現(xiàn)路由變化主要有兩種方式，本文主要介紹了這兩種方法的實現(xiàn)，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08
本文給大家介紹require.js的用法，require.js的誕生是為了解決兩大問題，第一實現(xiàn)js文件的異步加載，避免網(wǎng)頁失去響應(yīng)，第二管理模塊之間的依賴性，便于代碼的編寫和維護，對require.js用法感興趣的朋友可以參考下本篇文章2015-10-10
FileReader?包含了一套完整的事件模型,用于捕獲讀取文件時的狀態(tài),下面這篇文章主要給大家介紹了關(guān)于JS前端文件讀取FileReader操作方法的相關(guān)資料,需要的朋友可以參考下2024-08-08
IE6的PNG透明是個老問題了，最近有朋友問我有沒有最好的解決這個問題的插件，今天抽空把這個發(fā)上來2013-04-04
本文主要介紹了如何用javascript判斷dom是否有存在某class的值。具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
setTimeout( ) 是屬于 window 的 method, 但我們都是略去 window 這頂層物件名稱, 這是用來設(shè)定一個時間, 時間到了, 就會執(zhí)行一個指定的 method2013-04-04
這篇文章主要介紹了前端使用pdf.js渲染pdf文件解決方案,pdf.js用于前端渲染PDF并實現(xiàn)搜索、縮放、目錄等交互功能,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2025-07-07
使用layer.msg 時間設(shè)置不起作用的解決方法
今天小編就為大家分享一篇使用layer.msg 時間設(shè)置不起作用的解決方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
在JavaScript中,處理時間和日期是常見任務(wù)之一,涉及到從用戶界面的日期選擇器到服務(wù)器上的時間戳,再到時間間隔的計算,本文將深入探討JavaScript中的時間處理,需要的朋友可以參考下2023-09-09
JS實現(xiàn)商品倒計時實現(xiàn)代碼，需要的朋友可以參考一下2013-05-05