Kommunikation von Variablen zwischen Stylesheet und Javascript

[Matthias Scharwies]

Servus!

Tach,

Wie können Variablenwerte zwischen einem CSS-Stylesheet und Javascript am effizientesten kommunizieren?

So ich das richtig verstehe, beschränkt sich

element.style.setProperty("--foo-bar", WERT);

ja nur auf inline styles.

Ja. Das SELF-Wiki hat ein Grundlagen-Tutorial: JavaScript/Tutorials/JavaScript_und_CSS

hier werden die 3 grundlegenden Sachen besprochen:

• Stylesheet-Regeln auf ein Element anwenden
  • className und classList
  • Zusammenspiel von CSS-Regeln und Klassenzuweisung
• Direktformatierung über das style-Objekt
• CSS-Eigenschaften mit GetComputedStyle auslesen

(Dabei ist es für mich sekundär, in welche Richtung die Kommunikation vonstatten geht, also ob Stylesheet → Javascript oder Stylesheet ← Javascript)

Du kannst aber auch das CSS-Stylesheet selbst ändern:

JavaScript/Tutorials/Stylesheets dynamisch ändern

Herzliche Grüße

Matthias Scharwies