JavaScript/Mengubah Gaya Unsur

Bagi mengubah sifat gaya sesebuah unsur, tukar nilai berkaitan dengan sifat tersebut di bawah argumen "style".

Mari kita terus menggunakan contoh butang:

<input type="button" id="myButton" value="Saya butang!">

Katakan kita mahu menyorok butang dengan sifat "display" (paparan). Dengan CSS, ini dapat dilakukan dengan:

#myButton { display: none; }

Sekiranya butang itu pada awalnya dapat kelihatan akan tetapi kita mahu menyoroknya kemudian dengan JavaScript, kita dapat lakukannya dengan kod (JavaScript) berikut:

myButton = document.getElementById("myButton"); //mencari dan mengenal pasti unsur input daripada 'id' 'myButton' 
myButton.style.display = "none"; //menyorok unsur

Beberapa sifat gaya bersengkang. Dalam kes-kes ini, sifat JavaScript yang berkaitan tidak memiliki tanda sengkang akan tetapi huruf yang muncul selepas tanda sengkang ditulis dengan huruf besar (Ini dikenali sebagai camel-case atau "huruf unta").

Misalnya, katakan anda mahu teks dalam butang ditulis dalam huruf tebal. Dengan CSS, ini dapat dilakukan dengan:

#myButton { font-weight: bold; }

Sekiranya pasa asalnya butang ditulis dengan huruf biasa, akan tetapi anda mahu mengubahnya menjadi tebal dengan mengguna JavaScript:

myButton = document.getElementById("myButton"); //mencari dan mengenal pasti unsur input daripada 'id' 'myButton' 
myButton.style.fontWeight = "bold"; //menjadikan teks tebal