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:
<div id="elem">
text
</div>
Nehmen wir an, dass im CSS dafür die folgenden Stile gesetzt sind:
#elem {
color: red;
}
Holen wir uns eine Referenz auf das Element in eine Variable:
let elem = document.querySelector('#elem');
Versuchen wir, den Wert des Stils auszulesen:
console.log(elem.style.color); // gibt '' aus
