Problemer med læsning af stilarter i JavaScript

Gennem egenskaben style kan kun læse stilarter, der er angivet via attributten style. Det betyder, at stilarter angivet i CSS-filen ikke kan læses.

Lad os se på et eksempel. Lad os sige, at vi har følgende element:

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

Lad os sige, at følgende stilarter er angivet for det i CSS-filen:

css#elem {
  color: red;
}

Hent en reference til elementet i en variabel:

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

Lad os prøve at læse værdien af stilen:

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