码农教程 - 一技在手,衣食无忧! tools

目录

HTML DOM 元素克隆Node()

❮上一节 ❮ 元素对象参考 下一节❯

示例

将 <li> 元素从 "myList2" 复制到 "myList1"：

const node = document.getElementById("myList2").lastChild;
const clone = node.cloneNode(true);

document.getElementById("myList1").appendChild(clone);

前：

  • Coffee
  • Tea
  • Water
  • Milk

后：

  • Coffee
  • Tea
  • Milk
  • Water
  • Milk
亲自试一试 »

下面有更多示例。

描述

这个cloneNode()方法创建节点的副本，并返回克隆。

这个cloneNode()方法克隆所有属性及其值。

设置深的参数为true如果您还想克隆后代（孩子）。

插入回

要将克隆的节点插入回文档中，请使用：

appendChild() 方法

insertBefore() 方法

也可以看看：

采用Node()方法

importNode() 方法

createElement() 方法

createTextNode() 方法

语法

node.cloneNode( deep)

参数

Parameter Description
deep Optional.
false - Default. Clone only the node and its attributes.
true - Clone the node, its attributes, and its descendants.

返回值

类型 描述
节点 克隆的节点。

更多示例

示例

复制 "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
Yes Yes Yes Yes Yes 9-11
❮上一节 ❮ 元素对象参考 下一节❯