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

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

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

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

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

css#elem {
  color: red;
}

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

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

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

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