Savybė cssText
Savybė cssText leidžia nustatyti
CSS stilius masėje viena eilute. Tuo pačiu
visas atributo style
turinys perrašomas.
Sintaksė
elementas.style.cssText = 'savybė 1: reikšmė; savybė 2: reikšmė...'
Pavyzdys
Elementui nustatykime kelis stilius:
<p id="elem"></p>
let elem = document.querySelector('#elem');
elem.style.cssText = 'color: red; font-size: 40px;';
Pavyzdys
Šiame pavyzdyje elementas jau iš pradžių turės
stilius style atribute,
bet cssText savybė jį perrašys:
<p id="elem" style="background: red;"></p>
let elem = document.querySelector('#elem');
elem.style.cssText = 'color: red; font-size: 20px;';
Pavyzdys
Kad ankstesni stiliai nebūtų perrašomi, galima padaryti taip:
<p id="elem" style="background: green;"></p>
let elem = document.querySelector('#elem');
elem.style.cssText += 'color: red; font-size: 20px;';
Taip pat žiūrėkite
-
metodas
getComputedStyle,
kuris gauna elemento CSS savybės reikšmę