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