javascript 节点操作拷贝节点cloneNode()

cloneNode(a)方法接受一个布尔值参数,表示是否深拷贝
true:表示执行深拷贝,复制本节点以及整个子节点树.
false:浅拷贝.只复制节点本身.
复制后返回的节点副本属于文档所有,但是并没有父节点.除非使用appendChild,insertChild(),replaceChild()将它添加到文档

1 <div id="guoDiv">
2     <span>1</span>
3     <span>2</span>
4     <span>3</span>
5 </div>
1 var oDiv = document.getElementById("guoDiv");
2             var deepList = oDiv.cloneNode(true); //拷贝子节点
3             alert(deepList.childNodes.length); //3或7(兼容性问题,所以结果不一样)
4             var showList = oDiv.cloneNode(false); //只拷贝当前元素的引用
5             alert(showList.childNodes.length); //0

 

posted @ 2014-03-26 17:02  思思博士  阅读(357)  评论(0编辑  收藏  举报