JavaScript精确复制(克隆)一个节点|Node cloneNode() 方法

元素对象参考手册

---

定义与用法

cloneNode() 方法可创建指定的节点的精确拷贝。

cloneNode() 方法 拷贝所有属性和值。

该方法将复制并返回调用它的节点的副本。如果传递给它的参数是 true，它还将递归复制当前节点的所有子孙节点。否则，它只复制当前节点。

---

语法格式

node.cloneNode( deep)

---

示例代码

拷贝一个列表项到另外一个列表：

var node=document.getElementById("myList2").lastChild.cloneNode(true); 
document.getElementById("myList1").appendChild(node);

拷贝前:

拷贝后:

亲自试试

---

浏览器支持

方法
cloneNode()	Yes	Yes	Yes	Yes	Yes

所有主要浏览器都支持 cloneNode() 方法

---

参数说明

参数	类型	描述
deep	Boolean	可选。该方法将复制并返回调用它的节点的副本。如果传递给它的参数是 true，它还将递归复制当前节点的所有子孙节点。否则，它只复制当前节点。

---

返回值

类型	描述
节点对象	拷贝的节点

---

技术细节

DOM 版本	Core Level 1 Node Object

---

元素对象参考手册

---