Javascript kan terkenal sebagey bahasa yang bisa bikin tampilan sebuah halaman web jadi keren, nah itu teh salah satunya tidak terlepas dari yang namanya DOM.

Apa sih DOM itu?

DOM adalah singkatan dari Document Object Model.
Iya, apa itu teh?
Jadi, DOM teh memperlakukan HTML sebagai objek. Nah si objek itu teh namanya document.

Dari objek itu, javascript bisa memodifikasi elemen-elemen yang ada di HTML, bahkan bisa menciptakan elemen baru dan menghapus elemen yang sudah ada.

DOM Tree

Ngakses elemen HTML-nya sama aja kayak ngakses objek. Ya kan namanya juga di-treat sebagey objek, ya kan?

// mengakses elemen html head
document.head;

// ngakses elemen html body
document.body;

// ngakses elemen html dengan id
document.getElementById("namaId");

// ngakses elemen html dengan class
document.getElementsByClassName("namaClass");