JavaScript adalah bahasa pemrograman yang dipakai untuk mengatur elemen HTML. JavaScript mampu memanipulasi konten, atribut dan tampilan suatu elemen HTML. Kita akan mencoba beberapa kemampuan JavaScript untuk memperlihatkan gambaran dasar dari fungsi JavaScript.
Mengubah Konten Elemen HTML
JavaScript dapat mengubah konten elemen HTML. Contoh di bawah memperlihatkan elemen paragraf dengan atribut id bernilai demo. Konten paragraf dapat diganti menggunakan fungsi JavaScript. Fungsi yang dipakai adalah innerHTML.
document.getElementById("demo").innerHTML = "Hello JavaScript";Penulisan JavaScript dapat memakai double quote ataupun single quote.
document.getElementById('demo').innerHTML = 'Hello JavaScript';Mengubah Nilai Atribut
JavaScript dapat mengubah nilai atribut elemen HTML. Contoh di bawah memperlihatkan elemen image dengan atribut src. Nilai atribut src dapat diganti menggunakan JavaScript.
document.getElementById('myImage').src='pic_bulbon.gif';Mengubah Style Elemen
JavaScript dapat mengubah style elemen HTML. Contoh di bawah memperlihatkan elemen paragraf dengan atribut id bernilai demo. JavaScript dapat mengubah style properti fontSize pada paragraf tersebut. Hasilnya akan mengubah besar huruf dalam paragraf.
document.getElementById("demo").style.fontSize = "35px";Menyembunyikan Elemen
JavaScript dapat digunakan untuk menyembunyikan elemen HTML. Contoh di bawah memperlihatkan elemen paragraf dengan atribut id bernilai demo. JavaScript dapat menghilangkan paragraf tersebut dengan mengubah style properti display.
document.getElementById("demo").style.display = "none";JavaScript juga dapat digunakan untuk memperlihatkan kembali elemen HTML yang sudah disembunyikan, seperti pada contoh di bawah ini.
document.getElementById("demo").style.display = "block";Tutorial sebelumnya : Tutorial Belajar JavaScript
Tutorial setelahnya : Cara Membuat JavaScript Di HTML
Semua Tutorial JavaScript : Tutorial JavaScript