Problēmas ar stilu lasīšanu JavaScript

Izmantojot īpašību style var izlasīt tikai tos stilus, kas iestatīti caur atribūtu style. Tas nozīmē, ka stilus, kas iestatīti CSS failā, nevar izlasīt.

Apskatīsim piemēru. Pieņemsim, ka mums ir šāds elements:

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

Pieņemsim, ka CSS failā tam ir iestatīti šādi stili:

css#elem {
  color: red;
}

Iegūsim atsauci uz elementu mainīgajā:

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

Mēģināsim nolasīt stila vērtību:

javascriptconsole.log(elem.style.color); // izvadīs ''