Pengenalan JavaScript

 JavaScript Dapat Mengubah Konten HTML

Salah satu dari banyak metode JavaScript HTML adalah getElementById().

Contoh di bawah ini "menemukan" elemen HTML (dengan id="demo"), dan mengubah konten elemen (innerHTML) menjadi "Halo JavaScript":

Contoh

document.getElementById("demo").innerHTML = "Hello JavaScript";

JavaScript menerima tanda kutip ganda dan tunggal:

Contoh

document.getElementById('demo').innerHTML = 'Hello JavaScript';

JavaScript Dapat Mengubah Nilai Atribut HTML

Dalam contoh ini JavaScript mengubah nilai src atribut (sumber) dari sebuah <img> tag:

---

JavaScript Dapat Mengubah Gaya HTML (CSS)

Mengubah gaya elemen HTML, adalah varian dari mengubah atribut HTML:

Contoh

document.getElementById("demo").style.fontSize = "35px";

---

JavaScript Dapat Menyembunyikan Elemen HTML

Menyembunyikan elemen HTML dapat dilakukan dengan mengubah displaygaya:

Contoh

document.getElementById("demo").style.display = "none";

---

JavaScript Dapat Menampilkan Elemen HTML

Menampilkan elemen HTML tersembunyi juga dapat dilakukan dengan mengubah displaygaya:

Contoh

document.getElementById("demo").style.display = "block";