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

Mengubah Konten & Atribut

Mengubah Teks & HTML

const el = document.getElementById("judul");
el.textContent = "Teks baru";              // aman: teks biasa
el.innerHTML = "<b>Tebal</b>"; // menyisipkan HTML

Membaca Nilai Input

const input = document.getElementById("nama");
console.log(input.value); // isi yang diketik user

Mengubah Atribut

const gambar = document.querySelector("img");
gambar.src = "foto-baru.jpg";
gambar.setAttribute("alt", "Foto baru");
Hati-hati memakai innerHTML untuk data dari user — bisa jadi celah keamanan (XSS). Untuk teks biasa, pakai textContent.