CSSMathValue: operator Eigenschaft
Eingeschränkt verfügbar
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.
Hinweis: Diese Funktion ist in Web Workers verfügbar.
Die schreibgeschützte operator-Eigenschaft der CSSMathValue-Schnittstelle gibt den Operator an, den der aktuelle Subtyp repräsentiert. Wenn zum Beispiel der aktuelle CSSMathValue-Subtyp CSSMathSum ist, wird diese Eigenschaft den String "sum" zurückgeben.
Wert
Ein String.
| Schnittstelle | Wert |
|---|---|
CSSMathSum |
"sum" |
CSSMathProduct |
"product" |
CSSMathMin |
"min" |
CSSMathMax |
"max" |
CSSMathClamp |
"clamp" |
CSSMathNegate |
"negate" |
CSSMathInvert |
"invert" |
Beispiele
Grundlegende Verwendung
Wir erstellen ein Element mit einer width, die mithilfe einer calc()-Funktion bestimmt wird, und verwenden dann console.log(), um den operator auszugeben.
<div>My width has a <code>calc()</code> function</div>
Wir weisen eine width mit einer Berechnung zu
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'
CSSMathValue.operator gibt sum für die Gleichung und negate für den Operator des zweiten Werts zurück.
Spezifikationen
| Spezifikation |
|---|
| CSS Typed OM Level 1 # dom-cssmathvalue-operator |