Pada kesempatan kali ini saya akan menjelaskan cara menggunakan method appendChild() JavaScript. Perlu teman-teman ketahui sebelumnya, appendChild() adalah salah satu method JavaScript yang berfungsi untuk membuat element diakhir dari element yang ditentukan didalam nilai dari method tersebut. Seperti contoh saya memiliki struktur html list seperti berikut :

Dari struktur kode html list tersebut kita akan menambahkan list baru dengan konten ” Baju Muslim Anak-Anak “. Maka dari itu kalian bisa menggunakan method appendChild() tersebut, sehingga kode html dan javascript diatas menjadi seperti berikut :

Jika sudah kalian bisa menguji coba file html tersebut di browser dan untuk menambahkan list baru diakhir element kalian bisa klik tombol Create List.

Sampai disini penjelasan saya mengenai cara menggunakan method appendChild() JavaScript, semoga bermanfaat.

WhatsApp chat