Problemi čitanja stilova u JavaScript

Preko svojstva style moguće je pročitati samo stilove zadate preko atributa style. Ovo znači da stilove zadate u CSS fajlu nije moguće pročitati.

Hajde da pogledamo primer. Neka imamo sledeći element:

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

Neka su u CSS fajlu za njega zadati sledeći stilovi:

css#elem {
  color: red;
}

Dobijamo referencu na element u promenljivu:

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

Pokušaćemo da pročitamo vrednost stila:

javascriptconsole.log(elem.style.color); // ispisaće ''