En son web geliştirme öğreticiler
 

HTML DOM cloneNode() Method

<Eleman Nesne

Örnek

Bir kopyalama <li> başka bir listeden eleman:

// 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);

Klonlama önce:

  • Coffee
  • Tea
  • Water
  • Milk

Klonlama sonra:

  • Coffee
  • Tea
  • Milk
  • Water
  • Milk
Kendin dene "

Daha "Try it Yourself" Aşağıdaki örnekler.


Tanımı ve Kullanımı

cloneNode() yöntemi, bir düğümün bir kopyasını yaratır ve klon döndürür.

cloneNode() metodu klonları bütün nitelikleri ve değerleri.

Ipucu: appendChild() ya da insertBefore() belgesine klonlanmış düğüm eklemek için bir yöntem.

İpucu: Tüm alt klonlamak istiyorsanız true derin parametre değerini ayarlayın (children) , aksi takdirde false.


Tarayıcı Desteği

Yöntem
cloneNode() Evet Evet Evet Evet Evet

Sözdizimi

Parametre Değerleri
Parametre tip Açıklama
deep Boolean İsteğe bağlı. düğümün torunları klonlanmış gerekip gerekmediğini belirtir.
  • Gerçek - düğümü, onun özelliklerini ve onun soyundan Clone
  • false - Standart. Sadece düğümü ve onun özelliklerini klonlama

Teknik detaylar

Geri dönüş değeri: Klonlanmış düğümü temsil eden bir düğüm bir amacı,
DOM Sürüm Çekirdek Seviye 1 Düğüm Nesne

Örnekler

Diğer Örnekler

Örnek

Bir kopyalama <div> tüm nitelikler ve alt öğeler de dahil olmak üzere eleman, ve belgeye ekler:

var elmnt = document.getElementsByTagName("DIV")[0];
var cln = elmnt.cloneNode(true);
document.body.appendChild(cln);
Kendin dene "

İlgili Sayfalar

HTML DOM referansı: href="met_document_adoptnode.html">document. adoptNode() Method href="met_document_adoptnode.html">document. adoptNode() Method

HTML DOM referansı: href="met_document_importnode.html">document. importNode() Method href="met_document_importnode.html">document. importNode() Method

HTML DOM referansı: href="met_document_createelement.html">document. createElement() Method href="met_document_createelement.html">document. createElement() Method

HTML DOM referansı: href="met_document_createtextnode.html">document. createTextNode() Method href="met_document_createtextnode.html">document. createTextNode() Method


<Eleman Nesne