Ö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
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