tutorial pengembangan web terbaru
 

HTML DOM cloneNode() Method

<Elemen Object

Contoh

Menyalin <li> elemen dari satu daftar ke yang lain:

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

Sebelum kloning:

  • Coffee
  • Tea
  • Water
  • Milk

Setelah kloning:

  • Coffee
  • Tea
  • Milk
  • Water
  • Milk
Cobalah sendiri "

Lebih "Try it Yourself" contoh di bawah ini.


Definisi dan Penggunaan

The cloneNode() metode membuat copy dari sebuah node, dan mengembalikan clone.

The cloneNode() metode klon semua atribut dan nilai-nilai mereka.

Tip: Gunakan appendChild() atau insertBefore() metode untuk memasukkan node kloning ke dokumen.

Tip: Set nilai parameter yang mendalam untuk benar jika Anda ingin mengkloning semua keturunan (children) , jika tidak palsu.


Dukungan Browser

metode
cloneNode() iya nih iya nih iya nih iya nih iya nih

Sintaksis

Nilai parameter
Parameter Mengetik Deskripsi
deep Boolean Pilihan. Menentukan apakah semua keturunan node harus kloning.
  • benar - Clone node, atribut, dan keturunannya
  • palsu - default. Clone hanya node dan atributnya

Rincian teknis

Kembali Nilai: Sebuah objek Node, mewakili node kloning
DOM Versi Inti Level 1 Node Obyek

contoh

Contoh lebih

Contoh

Menyalin <div> elemen, termasuk semua atribut dan elemen anak, dan menambahkan ke dokumen:

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

Pages terkait

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

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

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

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


<Elemen Object