HTML DOM 元素 cloneNode()
示例
将 "myList2" 中的 <li> 元素复制到 "myList1"
const node = document.getElementById("myList2").lastChild;
const clone = node.cloneNode(true);
document.getElementById("myList1").appendChild(clone);
之前
- 咖啡
- 茶
- Water
- 牛奶
之后
- 咖啡
- 茶
- 牛奶
- Water
- 牛奶
更多示例见下文。
描述
cloneNode() 方法创建一个节点的副本，并返回该副本。
cloneNode() 方法克隆所有属性及其值。
如果还要克隆后代（子节点），请将 deep 参数设置为 true。
重新插入
要将克隆的节点重新插入文档，请使用
另请参阅
语法
节点.cloneNode(深度)
参数
| 参数 | 描述 |
| deep | 可选。false - 默认。仅克隆节点及其属性。true - 克隆节点、其属性及其后代。 |
返回值
| 类型 | 描述 |
| 节点 | 克隆的节点。 |
更多示例
示例
复制“demo”元素，包括属性和子元素，并将其追加到文档中
const node = document.getElementById("demo");
const clone = node.cloneNode(true);
document.body.appendChild(clone);
自己动手试一试 »
浏览器支持
element.cloneNode() 是 DOM Level 1 (1998) 特性。
所有浏览器都完全支持。
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 9-11 |
