Problemer med å lese stiler i JavaScript

Gjennom egenskapen style kan man kun lese stiler som er satt via attributtet style. Dette betyr at stiler satt i en CSS fil ikke kan leses.

La oss se på et eksempel. Anta at vi har følgende element:

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

Anta at følgende stiler er satt for det i CSS-filen:

css#elem {
  color: red;
}

La oss hente en referanse til elementet i en variabel:

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

La oss prøve å lese verdien av stilen:

javascriptconsole.log(elem.style.color); // vil skrive ut ''