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

javascriptelement.style.cssText = 'eienskap 1: waarde; eienskap 2: waarde...'

Voorbeeld

Kom ons stel 'n paar style vir die element in:

html<p id="elem"></p>

javascriptlet 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:

html<p id="elem" style="background: red;"></p>

javascriptlet 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:

html<p id="elem" style="background: green;"></p>

javascriptlet elem = document.querySelector('#elem');
elem.style.cssText += 'color: red; font-size: 20px;';

Sien ook