最新的Web開發教程
 

HTML DOM cloneNode() Method

<元素對象

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


<元素對象