Eienskap cssText
Die eienskap cssText laat jou toe om
CSS style massief in een reël in te stel. Alle
inhoud van die attribuut style
word oor geskryf.
Sintaksis
element.style.cssText = 'eienskap 1: waarde; eienskap 2: waarde...'
Voorbeeld
Kom ons stel 'n paar style vir die element in:
<p id="elem"></p>
let elem = document.querySelector('#elem');
elem.style.cssText = 'color: red; font-size: 40px;';
Voorbeeld
In hierdie voorbeeld sal die element aanvanklik reeds
style in die attribuut style hê,
maar die eienskap cssText sal dit oor skryf:
<p id="elem" style="background: red;"></p>
let elem = document.querySelector('#elem');
elem.style.cssText = 'color: red; font-size: 20px;';
Voorbeeld
Om te verhoed dat vorige style oor geskryf word, kan jy dit so maak:
<p id="elem" style="background: green;"></p>
let elem = document.querySelector('#elem');
elem.style.cssText += 'color: red; font-size: 20px;';
Sien ook
-
metode
getComputedStyle,
wat die waarde van 'n CSS eienskap van 'n element kry