CSSMathValue: operator 属性
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 类型化 OM Level 1 # dom-cssmathvalue-operator |
浏览器兼容性
加载中…