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 |
