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 support for this feature? Tell us why.
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.
| Schnittstelle | Wert |
|---|---|
CSSMathSum |
"sum" |
CSSMathProduct |
"product" |
CSSMathMin |
"min" |
CSSMathMax |
"max" |
CSSMathClamp |
"clamp" |
CSSMathNegate |
"negate" |
CSSMathInvert |
"invert" |
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
| Spezifikation |
|---|
| CSS Typed OM Level 1 # dom-cssmathvalue-operator |