HTML DOM 元素 cloneNode()
示例
从 “myList2” 复制 <li> 元素到 “myList1”
const node = document.getElementById("myList2").lastChild;
const clone = node.cloneNode(true);
document.getElementById("myList1").appendChild(clone);
之前
- 咖啡
- 茶
- 水
- 牛奶
之后
- 咖啡
- 茶
- 牛奶
- 水
- 牛奶
更多示例在下面。
描述
cloneNode() 方法创建节点的副本，并返回副本。
cloneNode() 方法克隆所有属性及其值。
如果还想要克隆后代（子节点），将 deep 参数设置为 true。
插入回
要将克隆的节点插入回文档中，请使用
另请参见
语法
node.cloneNode(deep)
参数
| 参数 | 描述 |
| 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 |
