CSSNumericArray

Eingeschrnkt verfgbar

Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.

Want more browser support for this feature? Tell us why.

Mehr erfahren
Vollstndige Kompatibilitt anzeigen

Hinweis: Diese Funktion ist in Web Workers verfgbar.

Das CSSNumericArray-Interface der CSS Typed Object Model API reprsentiert ein iterierbares Objekt, das auf CSSNumericValue-basierten Objekten basiert.

Ein Objekt dieses Typs wird verwendet, um die Operanden einer mathematischen Operation in der values-Eigenschaft von CSSMathSum, CSSMathProduct, CSSMathMin und CSSMathMax darzustellen.

Die Elemente knnen ber einen Index (array[0]) zugegriffen werden, und als iterierbares Objekt kann es mit einer for...of-Schleife oder mit Spread-Syntax verwendet werden.

Instanzen-Eigenschaften

CSSNumericArray.length Schreibgeschtzt: Gibt die Anzahl der Elemente im Objekt zurck.

Instanz-Methoden

CSSNumericArray.entries(): Gibt einen neuen Array-Iterator zurck, der [index, value]-Paare fr jedes Element im Objekt liefert.
CSSNumericArray.forEach(): Fhrt eine bereitgestellte Funktion einmal fr jedes Element im Objekt aus.
CSSNumericArray.keys(): Gibt einen neuen Array-Iterator zurck, der die Indizes jedes Elements im Objekt liefert.
CSSNumericArray.values(): Gibt einen neuen Array-Iterator zurck, der jedes Element im Objekt liefert.

Die values-Eigenschaft eines CSSMathSum ist ein CSSNumericArray, das die Terme der Summe enthlt. Dieses Beispiel erstellt einen CSSMathSum und liest dann seine values ber length, indizierten Zugriff und Iteration.

const sum = new CSSMathSum(CSS.px(10), CSS.em(5), CSS.percent(50));
const values = sum.values;

console.log(values.length); // 3
console.log(values[0]); // CSSUnitValue {value: 10, unit: "px"}

for (const value of values) {
  console.log(value.toString());
}
// "10px"
// "5em"
// "50%"