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?



  • 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.



  • Für mehr, siehe hier.


Log in to reply