ClonNode

文章编号：1664 / 更新时间：2024-12-30 15:28:44 / 浏览：次

该 ClonNode() 方法用于创建指定节点的副本，并将副本插入到文档中。

语法

cloneNode(deep)

一个新的节点，它是一个给定节点的副本。

下面的示例创建一个新的

元素，它是现有

元素的副本：


 const p1 = document.queryselector('p');const p2 = p1.cloneNode(true);document.body.appendChild(p2);

将生成以下 HTML：


 
  这是原始段落。
 
 
  这是克隆段落。


 deep

参数控制是否进行深度复制或浅复制：深度复制：如果


 deep

为


 true

，则将复制节点及其所有后代（包括子节点、属性和事件监听器）。浅复制：如果


 deep

为


 false

或未指定，则只复制节点本身，而不复制其后代。


 ClonNode()

方法不会复制节点的 ID 属性。如果节点是一个


 NodeFilter

对象，则


 ClonNode()

方法将返回


 null

。

该


 ClonNode()

方法在所有主流浏览器中都得到支持。

做上本站友情链接,在您站上点击一次,即可自动收录并自动排在本站第一位！
<a href="https://www.qianwe.com/" target="_blank">前卫目录网</a>