Eine ganz tolle Funktion, die ich oft benutze, kann den Style einzelner Objekte verändern. Fangen wir mal ganz einfach an mit Hintergrundfarbe ändern wie in diesem Beispiel.
<script language="JavaScript">
<!--
function Farbe(Farbe)
{
document.getElementById('Kasten').style.backgroundColor = Farbe;
}
//-->
</script>
steht im Head-Bereich. Die Funktionen kannst du entweder mit <a href="javascript:Farbe("blue")">Link</a> aufrufen oder mit dem Event-Handler. Hier nachlesbar!
Ja was macht die Funktion? Als Parameter geben wir Farbe an sie soll die Farbe des Kastens sein. den Kasten fügen wir übrigens so ein:
<div id="Kasten">Text</div>
Wichtig dabei ist die id= getElementById('Kasten') statt kasten ist natürlich alles möglich je nach dem, was man stylen will!
nach document.getElementById('Kasten') steht .style das heisst wir verändern den style. Danach kommt das was wir ändern wollen hier: backgroundColor. Wir können auch alles andere nehmen z.B. color oder textDecoration.

Wichtig!:

Alle CSS-Befehle mit Bindestrich (-) müssen so aufgerufen werden, dass der 2. teil mit einem Großbuchstaben anfängt.
z.B. wird aus border-top -> borderTop
Ganz einfach eigentlich

Ich hoffe das wurde einiegermaßen verstanden.
Hier nochmal ein 2. Beispiel!