Gunnar Bittersmann: Stringwert von style.backgroundColor

Beitrag lesen

@@Robert B.

mit der Eigenschaft style eines Nodes habe ich ja Zugriff auf die für die Node definierten CSS-Regeln

Njein. Du hast damit Zugriff auf per style-Attribut oder per JavaScript gesetzten Werte. Du hast damit keinen Zugriff auf im style-Element oder im externen Stylesheet gesetzten Werte.

Mit getComputedStyle() hast du auch Zugriff auf im style-Element oder im externen Stylesheet gesetzten Werte.

Wenn ich mir die Ausgabe davon anschaue, dann scheint das immer ein String mit der Farbdefinition in Form der rgb(…)-Funktion von CSS zu sein

Nein. Bei transparenten Farben ist es "rgba(…)".

Und nein. Bei mit Schlüsselwörtern gesetzten Farben liefert style das Schlüsselwort zurück, bspw. "rebeccapurple" oder "transparent".

getComputedStyle() liefert auch bei mit Schlüsselwörtern gesetzten Farben "rgb(…)" bzw. "rgba(…)" zurück.

"rgb(…)" bzw. "rgba(…)" bekommst du aber nur bei Farben aus dem sRGB-Farbraum. Bei Farben, die sich nicht mit sRGB darstellen lassen, bekommst du was anderes: bspw. "color(…)".

🖖 Живіть довго і процвітайте

--
Ad astra per aspera