Elemen HTML DOM tambahkanChild()
Contoh
Menambahkan item ke daftar:
const node = document.createElement("LI");
const textnode = document.createTextNode("Water");
node.appendChild(textnode);
document.getElementById("myList").appendChild(node);
Sebelum:
- Coffee
- Tea
Setelah:
- Coffee
- Tea
- Water
Memindahkan item dari satu daftar ke daftar lainnya:
const node = document.getElementById("myList2").lastChild;
document.getElementById("myList1").appendChild(node);
Sebelum:
- Coffee
- Tea
- Water
- Milk
Setelah:
- Coffee
- Tea
- Milk
- Water
Lebih banyak contoh di bawah ini.
Definisi dan Penggunaan
Metode appendChild()
menambahkan simpul sebagai anak terakhir dari simpul.
Tips: Jika Anda ingin membuat paragraf baru, dengan teks, ingatlah untuk membuat teks sebagai simpul Teks yang Anda tambahkan ke paragraf, lalu tambahkan paragraf ke dokumen.
Anda juga dapat menggunakan metode ini untuk memindahkan elemen dari satu elemen ke elemen lainnya (Lihat "Contoh Lainnya").
Sintaksis
node.appendChild(node)
Parameter
Parameter | Description |
node | Required. The node to append. |
Nilai Kembali
Jenis | Keterangan |
simpul | Node yang ditambahkan |
Lebih Banyak Contoh
Buat elemen <p> dan tambahkan ke elemen <div>:
const para = document.createElement("p");
const node = document.createTextNode("This is a paragraph.");
para.appendChild(node);
document.getElementById("myDIV").appendChild(para);
Buat elemen <p> dan tambahkan ke badan dokumen:
const para = document.createElement("P");
const node = document.createTextNode("This is a paragraph.");
para.appendChild(node);
document.body.appendChild(para);
Metode Elemen Terkait:
Metode Dokumen Terkait:
Metode createElement() Dokumen
Dukungan Peramban
element.appendChild()
adalah fitur DOM Level 1 (1998).
Ini didukung penuh di semua browser:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |