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