Advance · Pertemuan 2 · DOM & Event Listener · Pelajaran 3 dari 5

Mengubah Style & Class

Mengubah Style Langsung

const kotak = document.getElementById("kotak");
kotak.style.color = "white";
kotak.style.backgroundColor = "purple";

Menambah / Menghapus Class

kotak.classList.add("aktif");
kotak.classList.remove("aktif");
kotak.classList.toggle("aktif"); // ada -> hapus, tidak ada -> tambah

Memakai classList lebih rapi daripada mengubah style satu per satu, karena tampilan tetap dikelola di CSS.