Eigenschaft cssText
Die Eigenschaft cssText ermöglicht es,
CSS-Stile massenhaft in einer Zeile zu setzen. Dabei
wird der gesamte Inhalt des Attributs style
überschrieben.
Syntax
element.style.cssText = 'Eigenschaft 1: Wert; Eigenschaft 2: Wert...'
Beispiel
Lassen Sie uns dem Element mehrere Stile zuweisen:
<p id="elem"></p>
let elem = document.querySelector('#elem');
elem.style.cssText = 'color: red; font-size: 40px;';
Beispiel
In diesem Beispiel hat das Element bereits initial
Stile im Attribut style,
aber die Eigenschaft cssText überschreibt es:
<p id="elem" style="background: red;"></p>
let elem = document.querySelector('#elem');
elem.style.cssText = 'color: red; font-size: 20px;';
Beispiel
Damit vorherige Stile nicht überschrieben werden, kann man Folgendes tun:
<p id="elem" style="background: green;"></p>
let elem = document.querySelector('#elem');
elem.style.cssText += 'color: red; font-size: 20px;';
Siehe auch
-
die Methode
getComputedStyle,
die den Wert einer CSS-Eigenschaft des Elements ermittelt
