javascript 拷贝节点cloneNode()使用介绍

2014-04-03 27

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
展开阅读全文

更多Javascript文章

jquery ajaxSubmit 异步提交的简单实现
Feb 28 27
js添加select下默认的option的value和text的方法
Oct 19 23
在js中实现邮箱格式的验证方法(推荐)
Oct 24 21
AngularJS ng-template寄宿方式用法分析
Nov 07 22
js模态对话框使用方法详解
Feb 16 22
js读取本地文件的实例
Dec 22 21
JS实现商城秒杀倒计时功能(动态设置秒杀时间)
Dec 12 25
手机访问当前页面