Problémy čtení stylů v JavaScriptu

Přes vlastnost style lze přečíst pouze styly nastavené pomocí atributu style. To znamená, že styly nastavené v CSS souboru nelze přečíst.

Podívejme se na příklad. Předpokládejme, že máme následující prvek:

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

Předpokládejme, že jsou pro něj v CSS souboru nastaveny následující styly:

css#elem {
  color: red;
}

Získáme odkaz na prvek do proměnné:

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

Zkusme přečíst hodnotu stylu:

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