CSSPrimitiveValue: getFloatValue()-Methode
Veraltet: Diese Funktion wird nicht mehr empfohlen. Obwohl einige Browser sie möglicherweise noch unterstützen, könnte sie bereits aus den relevanten Webstandards entfernt worden sein, in Kürze entfernt werden oder nur noch aus Kompatibilitätsgründen bestehen. Vermeiden Sie die Verwendung und aktualisieren Sie vorhandenen Code, falls möglich; siehe die Kompatibilitätstabelle am Ende dieser Seite, um Ihre Entscheidung zu unterstützen. Beachten Sie, dass diese Funktion jederzeit aufhören könnte zu funktionieren.
Nicht standardisiert: Diese Funktion ist nicht standardisiert. Wir raten davon ab, nicht-standardisierte Funktionen auf produktiven Webseiten zu verwenden, da sie nur von bestimmten Browsern unterstützt werden und sich in Zukunft ändern oder entfernt werden können. Unter Umständen kann sie jedoch eine geeignete Option sein, wenn es keine standardisierte Alternative gibt.
Die getFloatValue()-Methode der
CSSPrimitiveValue-Schnittstelle wird verwendet, um einen Fließkommawert in einer angegebenen
Einheit zu erhalten. Wenn dieser CSS-Wert keinen Fließkommawert enthält oder nicht in die
angegebene Einheit konvertiert werden kann, wird eine DOMException ausgelöst.
Hinweis: Diese Methode 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:
- das untypisierte CSS-Objektmodell, das weit verbreitet unterstützt wird, oder
- das moderne CSS-Typed-Object-Model-API, das weniger unterstützt und als experimentell betrachtet wird.
Syntax
getFloatValue(unit)
Parameter
unit-
Ein
unsigned short, der den Code für den Einheitstyp darstellt, in dem der Wert zurückgegeben werden soll. Gültige Werte sind:Konstante Beschreibung CSS_CMDer Wert ist eine <length>in Zentimetern.CSS_DEGDer Wert ist ein <angle>in Grad.CSS_DIMENSIONDer Wert ist eine <number>mit einer unbekannten Dimension.CSS_EMSDer Wert ist eine <length>in em-Einheiten.CSS_EXSDer Wert ist eine <length>in ex-Einheiten.CSS_GRADDer Wert ist ein <angle>in Grads.CSS_HZDer Wert ist eine <frequency>in Hertz. Der Wert kann durch die Methode getFloatValue erlangt werden.CSS_INDer Wert ist eine <length>in Zoll.CSS_KHZDer Wert ist eine <frequency>in Kilohertz.CSS_MMDer Wert ist eine <length>in Millimetern.CSS_MSDer Wert ist eine <time>in Millisekunden.CSS_NUMBERDer Wert ist eine einfache <number>.CSS_PCDer Wert ist eine <length>in Picas.CSS_PERCENTAGEDer Wert ist eine <percentage>.CSS_PTDer Wert ist eine <length>in Punkten.CSS_PXDer Wert ist eine <length>in Pixeln.CSS_RADDer Wert ist ein <angle>in Radiant.CSS_SDer Wert ist eine <time>in Sekunden.
Rückgabewert
Ein float-Wert in der angegebenen Einheit.
Ausnahmen
| Typ | Beschreibung |
|---|---|
DOMException |
Ein INVALID_ACCESS_ERR wird ausgelöst, wenn der CSS-Wert keinen
Fließkommawert enthält oder wenn der Fließkommawert nicht in die
angegebene Einheit konvertiert werden kann.
|
Beispiele
const cs = window.getComputedStyle(document.body);
const cssValue = cs.getPropertyCSSValue("margin-top");
console.log(cssValue.getFloatValue(CSSPrimitiveValue.CSS_CM));
Spezifikationen
Dieses Feature wurde ursprünglich in der DOM Style Level 2-Spezifikation definiert, wurde jedoch seitdem aus allen Standardisierungsbemühungen entfernt.
Es wurde durch ein modernes, aber inkompatibles CSS Typed Object Model API ersetzt, das sich jetzt auf dem Standardpfad befindet.