Tyylittely style-attribuutin avulla JavaScriptissä

Kerrataanpa, kuinka elementtejä tyylitellään attribuutin style avulla. Oletetaan, että meillä on seuraava elementti:

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

Saadaan viitta siihen muuttujaan:

javascriptlet elem = document.querySelector('#elem');

Muutetaan sille tarvittavat tyylit:

javascriptelem.style.color = 'red';

Luetaan sen tyylit:

javascriptconsole.log(elem.style.color); // tulostaa 'red';