Metode cloneNode() HTML DOM
Contoh
Salin elemen <li> dari satu daftar ke daftar lainnya:
// 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
Lebih banyak contoh "Coba Sendiri" di bawah ini.
Definisi dan Penggunaan
Metode cloneNode() membuat salinan node, dan mengembalikan klon.
Metode cloneNode() mengkloning semua atribut dan nilainya.
Tip: Gunakan metode appendChild() atau insertBefore() untuk menyisipkan simpul kloning ke dokumen.
Tip: Setel nilai parameter dalam ke true jika Anda ingin mengkloning semua turunan (anak), jika tidak false.
Dukungan Peramban
Method | |||||
---|---|---|---|---|---|
cloneNode() | Yes | Yes | Yes | Yes | Yes |
Sintaksis
node.cloneNode(deep)
Nilai Parameter
Parameter | Type | Description |
---|---|---|
deep | Boolean |
Optional. Specifies whether all descendants of the node should be cloned.
|
Detail Teknis
Nilai Kembali: | Objek Node, mewakili simpul yang dikloning |
---|---|
Versi DOM | Objek Node Tingkat 1 Inti |
Lebih Banyak Contoh
Contoh
Salin elemen <div>, termasuk semua atribut dan elemen turunannya, dan tambahkan ke dokumen:
var elmnt = document.getElementsByTagName("DIV")[0];
var cln = elmnt.cloneNode(true);
document.body.appendChild(cln);
Halaman Terkait
Referensi DOM HTML: document.adoptNode() Metode
Referensi HTML DOM: document.importNode() Metode
Referensi HTML DOM: document.createElement() Metode
Referensi HTML DOM: document.createTextNode() Metode