javascript 拷贝节点cloneNode()使用介绍
更新时间：2014年04月03日 17:05:26 作者：
这篇文章主要介绍了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
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
相关文章
前端实现路由变化主要有两种方式，本文主要介绍了这两种方法的实现，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-08-08
本文给大家介绍require.js的用法，require.js的诞生是为了解决两大问题，第一实现js文件的异步加载，避免网页失去响应，第二管理模块之间的依赖性，便于代码的编写和维护，对require.js用法感兴趣的朋友可以参考下本篇文章2015-10-10
FileReader 包含了一套完整的事件模型,用于捕获读取文件时的状态,下面这篇文章主要给大家介绍了关于JS前端文件读取FileReader操作方法的相关资料,需要的朋友可以参考下2024-08-08
IE6的PNG透明是个老问题了，最近有朋友问我有没有最好的解决这个问题的插件，今天抽空把这个发上来2013-04-04
本文主要介绍了如何用javascript判断dom是否有存在某class的值。具有很好的参考价值，下面跟着小编一起来看下吧2017-02-02
setTimeout( ) 是属于 window 的 method, 但我们都是略去 window 这顶层物件名称, 这是用来设定一个时间, 时间到了, 就会执行一个指定的 method2013-04-04
这篇文章主要介绍了前端使用pdf.js渲染pdf文件解决方案,pdf.js用于前端渲染PDF并实现搜索、缩放、目录等交互功能,文中通过代码介绍的非常详细,需要的朋友可以参考下2025-07-07
今天小编就为大家分享一篇使用layer.msg 时间设置不起作用的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
在JavaScript中,处理时间和日期是常见任务之一,涉及到从用户界面的日期选择器到服务器上的时间戳,再到时间间隔的计算,本文将深入探讨JavaScript中的时间处理,需要的朋友可以参考下2023-09-09
JS实现商品倒计时实现代码，需要的朋友可以参考一下2013-05-05
最新评论