Problemele citirii stilurilor în JavaScript

Prin proprietatea style se pot citi doar stilurile setate prin atributul style. Aceasta înseamnă că stilurile setate în fișierul CSS nu pot fi citite.

Să ne uităm la un exemplu. Să presupunem că avem următorul element:

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

Să presupunem că în fișierul CSS pentru acesta sunt setate următoarele stiluri:

css#elem {
  color: red;
}

Obținem o referință la element într-o variabilă:

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

Să încercăm să citim valoarea stilului:

javascriptconsole.log(elem.style.color); // va afișa ''