例
複製一個<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