Проблемы чтения стилей в 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); // выведет ''