js如何复制dom节点
时间: 2023-06-19 18:10:20 浏览: 181
在 JavaScript 中,可以使用 `cloneNode()` 方法复制 DOM 节点。该方法会返回原始节点的副本,可以选择是否复制其子孙节点。以下是一个示例:
```javascript
// 复制节点
var originalNode = document.getElementById("original");
var clonedNode = originalNode.cloneNode(true); // true 表示复制所有子孙节点
// 添加副本到文档中
document.body.appendChild(clonedNode);
```
在上面的示例中,我们首先获取了一个原始节点 `originalNode`,然后使用 `cloneNode()` 方法创建了一个它的副本 `clonedNode`。最后,我们将副本添加到文档中,以便在页面上显示。
需要注意的是,`cloneNode()` 方法只会复制节点本身的属性和值,但不会复制事件处理程序和其他相关的数据。如果需要复制这些信息,可以使用更高级的技术,如序列化和反序列化。
阅读全文