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:
<p id="elem">text</p>
Nastavme tomuto prvku červenou barvu:
let elem = document.querySelector('#elem');
elem.style.color = 'red';
Je dán div a tlačítko. Kliknutím na tlačítko přidejte divu šířku, výšku a ohraničení.