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

2014-04-03 56

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文章

脚本收藏iframe
Jul 21 70
JavaScript随机排序(随即出牌)
Sep 17 52
javascript 拷贝节点cloneNode()使用介绍
Apr 03 57
jQuery插件pagination实现无刷新分页
May 21 60
javascript的几种写法总结
Sep 30 34
JavaScript正则表达式的贪婪匹配和非贪婪匹配
Sep 05 36
JavaScript 2018 中即将迎来的新功能
Sep 21 37
手机访问当前页面