Stylisierung von Elementen über das style-Attribut in JavaScript
Lassen Sie uns nun lernen, wie man CSS-Stile
zu Elementen hinzufügt.
Dies geschieht durch Ändern des Attributs
style.
Um beispielsweise die Farbe zu ändern, muss man die
folgende Kette bilden: elem.style.color
und ihr den gewünschten Farbwert zuweisen.
Sehen wir uns ein Beispiel an. Nehmen wir an, wir haben das folgende Element:
<p id="elem">text</p>
Machen wir dieses Element rot:
let elem = document.querySelector('#elem');
elem.style.color = 'red';
Gegeben sind eine Div und ein Button. Beim Klick auf den Button sollen dem Div eine Breite, eine Höhe und ein Rahmen hinzugefügt werden.