Die CSSMathValue.operator schreibgeschützte Eigenschaft des CSSMathValue-Interfaces gibt den Operator an, den der aktuelle Subtyp darstellt. Zum Beispiel, wenn der aktuelle CSSMathValue Subtyp CSSMathSum ist, gibt diese Eigenschaft den String "sum" zurück.

Wert

Ein String.

Beispiele

Wir erstellen ein Element mit einer width, die über eine calc()-Funktion bestimmt wird, und benutzen dann console.log(), um den operator auszugeben.

<div>My width has a <code>calc()</code> function</div>

Wir vergeben eine width mit einer Berechnung

div {
  width: calc(50% - 0.5vw);
}

Wir fügen das JavaScript hinzu

const styleMap = document.querySelector("div").computedStyleMap();

console.log(styleMap.get("width")); // CSSMathSum {values: CSSNumericArray, operator: "sum"}
console.log(styleMap.get("width").values); // CSSNumericArray {0: CSSUnitValue, 1: CSSMathNegate, length: 2}
console.log(styleMap.get("width").operator); // 'sum'
console.log(styleMap.get("width").values[1].operator); // 'negate'

Das CSSMathValue.operator gibt sum für die Gleichung und negate für den Operator auf dem zweiten Wert zurück.

Spezifikationen

Browser-Kompatibilität