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.
Die CSSMathValue.operator schreibgeschützte Eigenschaft des CSSMathValue-Interfaces gibt den Operator an, den der aktuelle Subtyp darstellt. Beispielsweise, wenn der aktuelle CSSMathValue-Subtyp CSSMathSum ist, gibt diese Eigenschaft den String "sum" zurück.
Wert
Ein String.
| Interface | Wert |
|---|---|
CSSMathSum |
"sum" |
CSSMathProduct |
"product" |
CSSMathMin |
"min" |
CSSMathMax |
"max" |
CSSMathClamp |
"clamp" |
CSSMathNegate |
"negate" |
CSSMathInvert |
"invert" |
Beispiele
Grundlegende Verwendung
Wir erstellen ein Element mit einer durch eine calc()-Funktion bestimmten width und verwenden dann console.log() auf den operator.
html
<div>My width has a <code>calc()</code> function</div>
Wir weisen eine width mit einer Berechnung zu
css
div {
width: calc(50% - 0.5vw);
}
Wir fügen das JavaScript hinzu
js
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'
Der CSSMathValue.operator gibt sum für die Gleichung und negate für den Operator beim zweiten Wert zurück.
Spezifikationen
| Spezifikation |
|---|
| CSS Typed OM Level 1 # dom-cssmathvalue-operator |