Problemy z odczytem stylów w JavaScript
Przez właściwość style można
odczytać tylko style ustawione
przez atrybut style. To
znaczy, że stylów ustawionych w pliku CSS
nie można odczytać.
Spójrzmy na przykład. Załóżmy, że mamy następujący element:
<div id="elem">
text
</div>
Załóżmy, że w pliku CSS są dla niego ustawione następujące style:
#elem {
color: red;
}
Pobierzmy referencję do elementu do zmiennej:
let elem = document.querySelector('#elem');
Spróbujmy odczytać wartość stylu:
console.log(elem.style.color); // wypisze ''
