JavaScript und CSS

[Rolf B]

Hallo Matthias,

wie heute besprochen:

CSS-Eigenschaften auslesen

• sollte zu Beginn darauf hinweisen, dass JavaScript+CSS nicht immer der richtige Weg ist. Größenanpassungen können zumeist via CSS Layout erreicht werden. Nicht immer, klar.
• Keine Empfehlung, welches Werkzeug das richtige ist, wir stellen hier nur vor, wie man CSS Werte ausliest.
• inhaltlich
  • Element.style liest nur die Eigenschaften aus, die direkt via style- Attribut zugewiesen sind
  • getComputedStyle() sammelt über die Kaskade alle zugewiesenen Eigenschaften ein, die gerade gelten
  • computedStyleMap() liefert ein ähnliches Objekt, aber im Typed OM
  • Meine Vermutung, dass bspw. width nicht den realen Wert liefert, sondern nur den per Stylesheet gesetzten Wert, der aber vom Layoutmodell nochmal geändert werden kann, ist falsch. Ein Element in einer Flexbox, das von der Flexbox vergrößert wird (flex-grow:1), liefert als width die echte Breite.

Rolf