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

cloneNode()是JavaScript中的一个方法，用于拷贝一个节点。它可以用来创建一个节点的副本，而不影响原始节点。

cloneNode()方法有一个可选的布尔参数deep，默认值为false。当deep为false时，只会拷贝当前节点，而不会拷贝其子节点。当deep为true时，会连同其子节点一起拷贝。

cloneNode()方法返回一个新的节点对象，可以通过appendChild()或insertBefore()等方法将其插入到文档中的其他位置。

以下是cloneNode()方法的使用示例：

var originalNode = document.getElementById("original");
var clonedNode = originalNode.cloneNode(true); // 拷贝节点及其子节点

document.body.appendChild(clonedNode); // 将拷贝的节点插入到body中

在上面的示例中，首先通过getElementById()方法获取id为"original"的节点。然后使用cloneNode()方法拷贝该节点，并将拷贝的节点插入到文档的body中。

注意，cloneNode()方法只会拷贝节点本身的属性和属性值，而不会拷贝事件处理程序等。如果需要拷贝事件处理程序，可以使用addEventListener()方法将事件处理程序附加到拷贝的节点上。

此外，cloneNode()方法只能用于复制DOM节点，而不能用于复制JavaScript对象或其他非DOM对象。