Проблеми читања стилова у JavaScript-у

Преко својства style могуће је прочитати само стилове задате преко атрибута style. То значи да се стилови задати у CSS фајлу не могу прочитати.

Хајде да погледамо на примеру. Претпоставимо да имамо следећи елемент:

html<div id="elem">
  текст
</div>

Претпоставимо да су у CSS фајлу за њега задати следећи стилови:

css#elem {
  color: red;
}

Добијмо референцу на елемент у променљиву:

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

Покушајмо да прочитамо вредност стила:

javascriptconsole.log(elem.style.color); // исписаће ''