Stylování prvků pomocí atributu style v JavaScriptu

Nyní se naučme přidávat CSS styly prvkům. To se provádí změnou atributu style. Například pro změnu barvy je třeba sestavit následující řetězec: elem.style.color, a přiřadit mu požadovanou hodnotu barvy.

Podívejme se na příklad. Předpokládejme, že máme následující prvek:

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

Nastavme tomuto prvku červenou barvu:

javascriptlet elem = document.querySelector('#elem');
elem.style.color = 'red';