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

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

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

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

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

#elem {
	color: red;
}

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

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

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

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