Праблемы чытання стыляў у 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); // выведзе ''