CSS-Klassen Werte in Javascript auslesen?

[Rolf B]

Hallo Rudolf,

bei dieser Aktion kann es schnell zu Missverständnissen kommen.

Willst Du:

• in deinem Stylesheet / deinen Stylesheets eine Regel für die Klasse animation finden und darin die Einstellung für die transition Eigenschaft auslesen? Darauf passt der Raketenhinweis. Probleme:

  • Es mag mehr als ein Stylesheet mit dieser Regel geben, und es kann sogar in einem einzigen Stylesheet mehrere Regeln geben, die die Klasse animation beeinflussen. Entweder durch Kombinatoren (li .animation oder #foo .animation oder .animation:first-of-type() oder oder oder) oder durch Media-Abfragen. Sowas ist dann nicht mal falsch, sondern die Eintellungen gelten dann für unterschiedliche Kontexte.
  • Dass die Klasse .animation diese transition-Eigenschaft setzt, bedeutet noch nicht, dass ein Element mit dieser Klasse diese Eigenschaft auch bekommt. Es kann auch noch andere Style-Regeln geben, die eine ganz andere transition verordnen. Wenn für ein Element dann Regeln zutreffen, gewinnt die mit der höheren Spezifiziät.

• für ein konkretes Element im DOM feststellen, welche transition-Eigenschaft dafür gilt? Dafür suchst Du dir dieses Element heraus und rufst

window.getComputedStype(element);

auf, um den zu diesem Zeitpunkt gültigen Style für dieses Element zu finden. Über Spezifizität kann sich dann der Browser den Kopf die CPU zerbrechen.

Rolf