HTML DOM cloneNode() Yöntemi
Örnek
<li> öğesini bir listeden diğerine kopyalayın:
// 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);
Klonlamadan önce:
- Coffee
- Tea
- Water
- Milk
Klonlamadan sonra:
- Coffee
- Tea
- Milk
- Water
- Milk
Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.
Tanım ve Kullanım
klonNode() yöntemi, bir düğümün bir kopyasını oluşturur ve klonu döndürür.
klonNode() yöntemi, tüm nitelikleri ve bunların değerlerini klonlar.
İpucu: Klonlanan düğümü belgeye eklemek için appendChild () veya insertBefore() yöntemini kullanın.
İpucu: Tüm alt öğeleri (alt öğeleri) klonlamak istiyorsanız derin parametre değerini true, aksi takdirde false olarak ayarlayın .
Tarayıcı Desteği
Method | |||||
---|---|---|---|---|---|
cloneNode() | Yes | Yes | Yes | Yes | Yes |
Sözdizimi
node.cloneNode(deep)
Parametre Değerleri
Parameter | Type | Description |
---|---|---|
deep | Boolean |
Optional. Specifies whether all descendants of the node should be cloned.
|
Teknik detaylar
Geri dönüş değeri: | Klonlanmış düğümü temsil eden bir Düğüm nesnesi |
---|---|
DOM Sürümü | Çekirdek Düzey 1 Düğüm Nesnesi |
Daha fazla örnek
Örnek
Tüm öznitelikleri ve alt öğeleri dahil olmak üzere bir <div> öğesini kopyalayın ve belgeye ekleyin:
var elmnt = document.getElementsByTagName("DIV")[0];
var cln = elmnt.cloneNode(true);
document.body.appendChild(cln);
İlgili Sayfalar
HTML DOM referansı: document.adoptNode() Yöntemi
HTML DOM referansı: document.importNode() Yöntemi
HTML DOM referansı: document.createElement() Yöntemi
HTML DOM referansı: document.createTextNode() Yöntemi