JavaScript 用cloneNode方法克隆节点的代码

在JavaScript中，`cloneNode()` 方法用于克隆一个节点。这个方法接受一个布尔值参数，指示是否进行深拷贝（即，是否连同子节点一起拷贝）。如果参数为 `true`，则进行深拷贝；如果为 `false` 或省略，则进行浅拷贝（只拷贝节点本身，不拷贝子节点）。

以下是一个使用 `cloneNode()` 方法克隆节点的示例代码：

// 假设我们有一个DOM元素，比如一个div
var originalNode = document.getElementById("myDiv");

// 浅拷贝，只拷贝节点本身，不拷贝子节点
var shallowClonedNode = originalNode.cloneNode(false);

// 深拷贝，连同子节点一起拷贝
var deepClonedNode = originalNode.cloneNode(true);

// 接下来，你可以将克隆的节点添加到DOM中的某个位置
// 例如，将深拷贝的节点添加到body的末尾
document.body.appendChild(deepClonedNode);

在这个例子中，我们首先通过 `getElementById()` 方法获取了一个ID为 "myDiv" 的DOM元素。然后，我们分别进行了浅拷贝和深拷贝，并将深拷贝的节点添加到了文档的 `body` 末尾。注意，在实际应用中，你可能需要根据具体需求选择进行浅拷贝还是深拷贝。