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