Wie kann man mit Javascript einem Element über dessen ID eine neue Farbe via CSS zuweisen?

Wenn es via CSS schon so etwas gibt:

#blub { color:red; }

Und ich auf dieses Element draufklicke, dann soll via Javascript
die Farbe von rot nach grün geändert werden.

Ich suche also so etwas ungefähr:

document.getElementById("blub").color = "green";

Wie kann ich das realisieren?

player424

Hi,

du kannst mit Javascript den style eines Elements über folgende Syntax ändern: element.style.<Attribut> = Wert; . In deinem Beispiel:

var element = document.getElementById("dieID");
element.style.color = "black";

Wenn du einen Style ändern willst der mit einem Bindestrich geschrieben wurde (z.B. background-image) musst du diesen in CamelCase schreiben: backgroundImage.

Youka

Für mehr, siehe hier.