Probleme beim Auslesen von Stilen in JavaScript

Über die Eigenschaft style können nur Stile ausgelesen werden, die durch das Attribut style gesetzt wurden. Das bedeutet, dass Stile, die in einer CSS Datei definiert sind, nicht ausgelesen werden können.

Schauen wir uns ein Beispiel an. Nehmen wir an, wir haben das folgende Element:

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

Nehmen wir an, dass im CSS dafür die folgenden Stile gesetzt sind:

css#elem {
  color: red;
}

Holen wir uns eine Referenz auf das Element in eine Variable:

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

Versuchen wir, den Wert des Stils auszulesen:

javascriptconsole.log(elem.style.color); // gibt '' aus