CSSMathValue：运算符属性
CSSMathValue.operator 是 CSSMathValue 接口的只读属性，它指示当前子类型所代表的运算符。例如，如果当前 CSSMathValue 子类型为 CSSMathSum，则此属性将返回字符串 "sum"。
值
一个 String。
| 接口 | 值 |
|---|---|
CSSMathSum |
"sum" |
CSSMathProduct |
"product" |
CSSMathMin |
"min" |
CSSMathMax |
"max" |
CSSMathClamp |
"clamp" |
CSSMathNegate |
"negate" |
CSSMathInvert |
"invert" |
示例
我们使用 width 创建一个元素，该元素使用 calc() 函数确定，然后 console.log() operator。
html
<div>My width has a <code>calc()</code> function</div>
我们使用计算分配 width
css
div {
width: calc(50% - 0.5vw);
}
我们添加 JavaScript
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'
CSSMathValue.operator 为方程式返回 sum，为第二个值的运算符返回 negate。
规范
| 规范 |
|---|
| CSS Typed OM 第 1 级 # dom-cssmathvalue-operator |
浏览器兼容性
BCD 表格仅在启用 JavaScript 的浏览器中加载。