HTML DOM cloneNode() 方法

HTML DOM Element 对象

cloneNode()方法的作用是:返回调用该方法的节点的副本。

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

使用appendChild()insertBefore()方法将克隆的节点插入文档中。

注意: cloneNode()可能导致文档中元素ID重复。

语法:

node.cloneNode(deep)
var node = document.querySelector("#box").firstElementChild;
var copy = node.cloneNode(true);
document.getElementById("result").appendChild(copy);
测试看看‹/›

浏览器兼容性

所有浏览器完全支持cloneNode()方法:

Method
cloneNode()

参数值

参数描述
deep(可选)指定是否应克隆节点的所有后代
可能的值:
  • -克隆的节点,它的属性,它的后代

  • -仅克隆节点及其属性(默认)。

技术细节

返回值:一个Node对象,代表克隆的节点
DOM版本:DOM级别1

更多实例

复制DIV元素(包括其所有属性和子元素),并将其附加到文档中:

var node = document.querySelector("#box");
var copy = node.cloneNode(true);
document.body.appendChild(copy);
测试看看‹/›

相关参考

HTML DOM参考:document.adoptNode()方法

HTML DOM参考:document.importNode()方法

HTML DOM Element 对象