Problémy s čítaním štýlov v JavaScripte

Prostredníctvom vlastnosti style je možné prečítať iba štýly nastavené prostredníctvom atribútu style. To znamená, že štýly nastavené v CSS súbore nie je možné prečítať.

Pozrime sa na príklad. Predpokladajme, že máme nasledujúci prvok:

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

Predpokladajme, že v CSS súbore sú preň nastavené nasledujúce štýly:

css#elem {
  color: red;
}

Získame odkaz na prvok do premennej:

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

Skúsme prečítať hodnotu štýlu:

javascriptconsole.log(elem.style.color); // vypíše ''