Problemen met het lezen van stijlen in JavaScript
Via de eigenschap style kun je
alleen stijlen uitlezen die zijn
ingesteld via het attribuut style. Dit
betekent dat stijlen die in een CSS
bestand zijn ingesteld, niet uitgelezen kunnen worden.
Laten we een voorbeeld bekijken. Stel we hebben het volgende element:
<div id="elem">
text
</div>
Stel dat in het CSS-bestand de volgende stijlen voor zijn ingesteld:
#elem {
color: red;
}
We halen een referentie naar het element in een variabele:
let elem = document.querySelector('#elem');
Laten we proberen de stijlwaarde uit te lezen:
console.log(elem.style.color); // geeft '' weer
