Problemy z odczytem stylów w JavaScript

Przez właściwość style można odczytać tylko style ustawione przez atrybut style. To znaczy, że stylów ustawionych w pliku CSS nie można odczytać.

Spójrzmy na przykład. Załóżmy, że mamy następujący element:

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

Załóżmy, że w pliku CSS są dla niego ustawione następujące style:

css#elem {
  color: red;
}

Pobierzmy referencję do elementu do zmiennej:

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

Spróbujmy odczytać wartość stylu:

javascriptconsole.log(elem.style.color); // wypisze ''