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:

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

Tehdään tästä elementistä punainen:

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