CSSStyleDeclaration: Methode getPropertyCSSValue()

Veraltet: Diese Funktion wird nicht mehr empfohlen. Obwohl einige Browser sie möglicherweise noch unterstützen, kann sie bereits aus den relevanten Webstandards entfernt worden sein, befindet sich im Prozess der Entfernung oder wird nur aus Kompatibilitätsgründen beibehalten. Vermeiden Sie die Verwendung und aktualisieren Sie gegebenenfalls bestehenden Code; siehe die Kompatibilitätstabelle am Ende dieser Seite, um Ihre Entscheidung zu treffen. Beachten Sie, dass diese Funktion jederzeit nicht mehr funktionieren kann.

Die CSSStyleDeclaration.getPropertyCSSValue() Methodenschnittstelle gibt ein CSSValue-Objekt zurück, das den CSS-Wert für eine Eigenschaft enthält. Beachten Sie, dass null zurückgegeben wird, wenn der Eigenschaftsname eine Kurzschreibweise ist.

Hinweis: Diese Schnittstelle war Teil eines Versuchs, ein typisiertes CSS-Objektmodell zu erstellen. Dieser Versuch wurde aufgegeben und die meisten Browser implementieren es nicht.

Um Ihr Ziel zu erreichen, können Sie verwenden:

CSSStyleDeclaration.getPropertyValue() des untypisierten CSS Object Model, weit unterstützt, oder
Element.computedStyleMap() des modernen CSS Typed Object Model API, weniger unterstützt und als experimentell betrachtet.

Syntax

getPropertyCSSValue(property)

Parameter

property: Ein String, der den Namen der abzurufenden Eigenschaft darstellt.

Rückgabewert

Ein CSSValue-Objekt, das den CSS-Wert für eine Eigenschaft enthält. Falls keiner existiert, wird null zurückgegeben.

Beispiele

Der folgende JavaScript-Code erhält ein Objekt, das die berechneten RGB-Werte der color-CSS-Eigenschaft enthält:

const style = window.getComputedStyle(elem, null);
const rgbObj = style.getPropertyCSSValue("color").getRGBColorValue();

Spezifikationen

Diese Funktion wurde ursprünglich in der DOM Style Level 2-Spezifikation definiert, aber seitdem aus jeder Standardisierungsanstrengung entfernt.

Sie wurde durch eine moderne, aber inkompatible CSS Typed Object Model API ersetzt, die sich jetzt auf dem Standardisierungspfad befindet.

Browser-Kompatibilität

BCD tables only load in the browser