Eigenschap cssText
De eigenschap cssText maakt het mogelijk om
CSS-stijlen in bulk in één regel in te stellen. Hierbij
wordt de volledige inhoud van het attribuut style
overschreven.
Syntaxis
element.style.cssText = 'eigenschap 1: waarde; eigenschap 2: waarde...'
Voorbeeld
Laten we een element meerdere stijlen geven:
<p id="elem"></p>
let elem = document.querySelector('#elem');
elem.style.cssText = 'color: red; font-size: 40px;';
Voorbeeld
In dit voorbeeld heeft het element initieel al
stijlen in het attribuut style,
maar de eigenschap cssText zal deze overschrijven:
<p id="elem" style="background: red;"></p>
let elem = document.querySelector('#elem');
elem.style.cssText = 'color: red; font-size: 20px;';
Voorbeeld
Om te voorkomen dat eerdere stijlen worden overschreven, kan je dit doen:
<p id="elem" style="background: green;"></p>
let elem = document.querySelector('#elem');
elem.style.cssText += 'color: red; font-size: 20px;';
Zie ook
-
methode
getComputedStyle,
die de waarde van een CSS-eigenschap van een element verkrijgt
