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

前端技术 2023/08/10 JavaScript
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

本文地址：https://www.stayed.cn/item/830

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案