例
复制一个<li>从一个列表到另一元件：
// Get the last <li> element ("Milk") of <ul> with id="myList2"
var itm = document.getElementById("myList2").lastChild;
// Copy the <li> element and its child nodes
var cln =
itm.cloneNode(true);
// Append the cloned <li> element to <ul> with
id="myList1"
document.getElementById("myList1").appendChild(cln);克隆之前：
- Coffee
- Tea
- Water
- Milk
克隆后：
- Coffee
- Tea
- Milk
- Water
- Milk
试一试» 更多"Try it Yourself"下面的例子。
定义和用法
的cloneNode()方法创建一个节点的一个副本，并返回克隆。
的cloneNode()方法克隆所有属性和属性值。
提示：使用appendChild()或insertBefore()方法来插入克隆的节点到该文档。
提示：如果你想克隆所有后代将深参数值设置为true (children) ，否则为false。
浏览器支持
| 方法 | |||||
|---|---|---|---|---|---|
| cloneNode() | 是 | 是 | 是 | 是 | 是 |
句法
参数值 参数 类型 描述 deep Boolean 可选的。 指定节点的所有后代是否应该克隆。
- 真-克隆的节点，它的属性，它的后代
- 假 - 默认。 仅克隆节点及其属性
技术细节
返回值： 一个节点对象，代表克隆节点 DOM版本 核心1级节点对象
更多示例
例
复制<div>元件，包括它的所有属性和子元素，并将它附加到文档中：
var elmnt = document.getElementsByTagName("DIV")[0];
var cln =
elmnt.cloneNode(true);
document.body.appendChild(cln); 试一试»
相关页面
HTML DOM参考： href="met_document_adoptnode.html">document. adoptNode() Method href="met_document_adoptnode.html">document. adoptNode() Method
HTML DOM参考： href="met_document_importnode.html">document. importNode() Method href="met_document_importnode.html">document. importNode() Method
HTML DOM参考： href="met_document_createelement.html">document. createElement() Method href="met_document_createelement.html">document. createElement() Method
HTML DOM参考： href="met_document_createtextnode.html">document. createTextNode() Method href="met_document_createtextnode.html">document. createTextNode() Method