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:

html<div id="elem">
  text
</div>

Stel dat in het CSS-bestand de volgende stijlen voor zijn ingesteld:

css#elem {
  color: red;
}

We halen een referentie naar het element in een variabele:

javascriptlet elem = document.querySelector('#elem');

Laten we proberen de stijlwaarde uit te lezen:

javascriptconsole.log(elem.style.color); // geeft '' weer