Проблемы чтения стилей в JavaScript
Через свойство style можно
прочитать только стили, заданные
через атрибут style. Это
значит, что стили заданные в CSS
файле, прочитать нельзя.
Давайте посмотрим на примере. Пусть у нас есть следующий элемент:
<div id="elem">
text
</div>
Пусть в CSS файле для него задаются следующие стили:
#elem {
color: red;
}
Получим ссылку на элемент в переменную:
let elem = document.querySelector('#elem');
Попробуем прочитать значение стиля:
console.log(elem.style.color); // выведет ''
