JavaScript Schnellstart: CSS

Am Anfang des Moduls konnten wir sehen, dass HTML im Alleingang nicht besonders ansehnlich ist. Da stellt sich die Frage, wie du deiner Webseite ein schönes Design verpassen kannst.

CSS zur Rettung: Moderne Website-Designs

Mit CSS können wir die gesamte HTML-Struktur stylen, in dem wir Farben, Schriften, Hintergründe u.v.m. verändern. Auch an dieser Stelle kann uns JavaScript die Arbeit vereinfachen.

Durch das DOM können wir CSS Eigenschaften auf HTML-Elemente setzen und löschen.

Nehmen wir das Element aus der letzten Lektion und ändern den Hintergrund:

element.style.backgroundColor = "blue";

Über das Objekt style, kannst du fast jede CSS-Eigenschaft lesen und auch schreiben.

Du siehst, mit JavaScript kannst du im Browser fast alles beeinflussen.

Lass uns eine Übung dazu machen: