← JavaScript27 / 69

Mengubah teks dan style

textContent mengubah teks dengan aman. Hindari innerHTML untuk data dari pengguna — string yang mengandung tag akan dieksekusi sebagai HTML, dan itulah celah XSS. Untuk styling, jangan atur satu-satu lewat style; lebih baik classList.add() dengan class yang sudah didefinisikan di CSS.

👀 Contoh dulu

const el = document.querySelector('h1');

el.textContent = 'Teks Baru';       // aman
el.classList.add('terpilih');       // tambah class
el.classList.remove('lama');        // hapus class
el.classList.toggle('buka');        // ada→hapus, tidak ada→tambah

Hasilnya: Teks judul berganti, dan class-nya berubah sehingga aturan CSS yang sesuai langsung berlaku.

💡 Cara profesional: JavaScript hanya mengganti class, CSS yang mengatur tampilannya. Hindari mengatur el.style satu-satu.

📝 Sekarang giliranmu

Ubah textContent elemen #judul menjadi 'Judul Baru' dan tambahkan class aktif memakai classList.add.

Preview
← SebelumnyaBerikutnya →