Проблеми при четене на стилове в JavaScript

Чрез свойството style може да се прочетат само стилове, зададени чрез атрибута style. Това означава, че стиловете зададени в CSS файл, не могат да бъдат прочетени.

Нека да разгледаме пример. Да предположим, че имаме следния елемент:

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

Да предположим, че в CSS файла за него са зададени следните стилове:

#elem {
	color: red;
}

Нека получим референция към елемента в променлива:

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

Нека се опитаме да прочетем стойността на стила:

console.log(elem.style.color); // ще изведе ''