Elementtien tyylittely style-attribuutin kautta JavaScriptissä
Opitaan nyt lisäämään CSS-tyylejä
elementeille. Tämä tehdään muuttamalla
style
-attribuuttia.
Esimerkiksi värin muuttamiseksi on rakennettava
seuraava ketju: elem.style.color,
ja annettava sille haluttu värinarvo.
Katsotaan esimerkkiä. Oletetaan, että meillä on tällainen elementti:
<p id="elem">teksti</p>
Tehdään tästä elementistä punainen:
let elem = document.querySelector('#elem');
elem.style.color = 'red';
Annettu div ja painike. Painikkeen napsauttamalla lisää diville leveys, korkeus ja reunus.
