Stringwert von style.backgroundColor
bearbeitet von@@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()`](https://developer.mozilla.org/en-US/docs/Web/API/Window/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 RGB-Farbraum. Bei Farben, die sich nicht mit RGB darstellen lassen, bekommst du was anderes: bspw. `"color(…)"`.
🖖 Живіть довго і процвітайте
{:@uk}
--
*Ad astra per aspera*{:@la}
Stringwert von style.backgroundColor
bearbeitet von@@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()`](https://developer.mozilla.org/en-US/docs/Web/API/Window/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 RGB-Farbraum. Bei Farben, die sich nicht mit RGB darstellen lassen, bekommst du was anderes: `"color(…)"`.
🖖 Живіть довго і процвітайте
{:@uk}
--
*Ad astra per aspera*{:@la}