HTML DOM Element cloneNode() Metodu

Tanım ve Kullanım

metodu düğümün kopyasını oluşturur ve bu kopyayı döner. metodu düğümün kopyasını oluşturur ve bu kopyayı döner.

metodu düğümün kopyasını oluşturur ve bu kopyayı döner. metodu tüm özelliklerini ve değerlerini klonlar.

Eğer soyu (çocukları) da klonlamak istiyorsanız, deep parametresini true.

Geri ekleme

Klonlanan düğümü belgeye geri eklemek için kullanın:

appendChild() metodu

insertBefore() metodu

Ayrıca bkz.:

adoptNode() metodu

importNode() metodu

createElement() metodu

createTextNode() metodu

Örnek

Örnek 1

"myList2"ten <li> elementini "myList1"e kopyalayın:

const node = document.getElementById("myList2").lastChild;
const clone = node.cloneNode(true);
document.getElementById("myList1").appendChild(clone);

Klonlandıktan önce:

  • Kahve
  • Çay
  • Su
  • Sütun

Klonlandıktan sonra:

  • Kahve
  • Çay
  • Sütun
  • Su
  • Sütun

Kişisel olarak deneyin

Örnek 2

"demo" elementini, özelliklerini ve alt elementlerini kopyalayın ve belgeye ekleyin:

const node = document.getElementById("demo");
const clone = node.cloneNode(true);
document.body.appendChild(clone);

Kişisel olarak deneyin

Gramer

node.cloneNode(deep)

Parametre

Parametre Açıklama
deep

Opsiyonel.

  • false -Varsayılan. Yalnızca düğüm ve özellikleri klonlar
  • true - Klonlanan düğüm, özellikleri ve soy

Dönüş değeri

Tür Açıklama
Node nesnesi Klonlanan düğüm.

Tarayıcı desteği

element.cloneNode() DOM Level 1 (1998) özelliğidir.

Tüm tarayıcılar tamamen destekler:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Destek 9-11 Destek Destek Destek Destek