by 
Setelah membuat elemen, kita perlu memasukkannya ke halaman pada posisi yang tepat. Artikel ini membahas cara menambahkan elemen ke dalam halaman di JavaScript.
appendChild() dan append()
<script>
const wadah = document.getElementById("wadah");
const p = document.createElement("p");
p.textContent = "Paragraf baru";
wadah.appendChild(p); // tambah di akhir
</script>
Perbedaan append() dan appendChild()
| Metode | Bisa Tambah Teks? | Banyak Elemen? |
|---|---|---|
| appendChild() | Tidak | Tidak (satu node) |
| append() | Ya | Ya |
Contoh Kasus: Menambah di Posisi Tertentu
<script>
const baru = document.createElement("li");
baru.textContent = "Disisipkan";
const target = document.getElementById("item2");
target.before(baru); // sisipkan sebelum item2
</script>
prepend untuk Awal
<script> wadah.prepend(elemenBaru); // tambah di awal </script>
Kesimpulan
Gunakan appendChild() atau append() untuk menambah elemen di akhir, prepend() untuk awal, dan before()/after() untuk posisi tertentu. Pilih append() bila butuh menambah teks atau banyak elemen sekaligus.
Referensi: untuk penjelasan lebih mendalam, kunjungi dokumentasi resmi JavaScript (MDN).
