Metode HTML DOM Element cloneNode()

Definisi dan penggunaan

Metode cloneNode() Metode membuat salinan node dan mengembalikan salinan itu.

Metode cloneNode() Metode clone semua atribut dan nilai mereka.

Jika Anda ingin meng克隆 turunan (anak), atur parameter deep ke: true.

Kembalikan

Untuk memasukkan node yang di克隆 kembali ke dokumen, gunakan:

Metode appendChild()

Metode insertBefore()

Lihat Juga:

Metode adoptNode()

Metode importNode()

Metode createElement()

Metode createTextNode()

Contoh

Contoh 1

Salin elemen <li> dari "myList2" ke "myList1":

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

Sebelum di克隆:

  • Coffee
  • Tea
  • Water
  • Milk

Setelah di克隆:

  • Coffee
  • Tea
  • Milk
  • Water
  • Milk

Coba Sendiri

Contoh 2

Salin elemen "demo", termasuk atribut dan elemen anaknya, dan tanggalkan ke dokumen:

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

Coba Sendiri

Sintaks

node.cloneNode(deep)

Parameter

Parameter Deskripsi
deep

Pilihan.

  • false - standar. Hanya克隆 node dan atributnya
  • true - 克隆 node, atributnya, dan turunannya

Nilai yang Dikembalikan

Tipe Deskripsi
Objek Node Node yang di克隆.

Dukungan Peramban

element.cloneNode() Adalah fitur DOM Level 1 (1998).

Semua peramban mendukung sepenuhnya:

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