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 |
瀏覽器相容性
載入中…