HTML DOM cloneNode() 方法

元素对象参考手册 元素对象

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

<ul id="myList1">
  <li>Coffee</li>
  <li>Tea</li>
</ul>
<ul id="myList2">
  <li>Water</li>
  <li>Milk</li>
</ul>

<p id="demo">单击按钮将项目从一个列表复制到另一个列表中</p>
<button onclick="myFunction()">点我</button>
<script>
  function myFunction() {
    var itm = document.getElementById("myList2").lastChild;
    var cln = itm.cloneNode(true);
    document.getElementById("myList1").appendChild(cln);
  }
</script>
<p>尝试更改<em>deep</em>参数为假，只有一个空的li元素将被克隆</p>

尝试一下 »

定义和用法

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

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

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

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

语法

node.cloneNode(deep)

参数

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

返回值

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

技术细节

DOM 版本 Core Level 1 Node Object

元素对象参考手册 元素对象