Уласцівасць cssText
Уласцівасць cssText дазваляе задаць
CSS стылі масава адным радком. Пры гэтым
усе змесціва атрыбута style
перазапісваецца.
Сінтаксіс
элемент.style.cssText = 'уласцівасць 1: значэнне; уласцівасць 2: значэнне...'
Прыклад
Давайце зададзім элементу некалькі стыляў:
<p id="elem"></p>
let elem = document.querySelector('#elem');
elem.style.cssText = 'color: red; font-size: 40px;';
Прыклад
У гэтым прыкладзе ў элемента спачатку ўжо
будуць стылі ў атрыбуце style,
але ўласцівасць cssText перазапіша яго:
<p id="elem" style="background: red;"></p>
let elem = document.querySelector('#elem');
elem.style.cssText = 'color: red; font-size: 20px;';
Прыклад
Каб папярэднія стылі не перазапісваліся, можна зрабіць так:
<p id="elem" style="background: green;"></p>
let elem = document.querySelector('#elem');
elem.style.cssText += 'color: red; font-size: 20px;';
Глядзіце таксама
-
метад
getComputedStyle,
які атрымлівае значэнне CSS уласцівасці элемента