基於 CSSMathValue 的介面
以下是基於 CSSMathValue 介面的介面列表。
例項屬性
CSSMathValue.operator-
指示當前子型別所代表的運算子。
靜態方法
此介面也可能從其父介面 CSSNumericValue 繼承方法。
例項方法
此介面也可能從其父介面 CSSNumericValue 繼承方法。
示例
我們建立一個元素，其 width 使用 calc() 函式確定，然後 console.log() 輸出 operator。
html
<div>has width</div>
我們分配一個帶有計算的 width
css
div {
width: calc(30% - 20px);
}
我們新增 JavaScript
js
const styleMap = document.querySelector("div").computedStyleMap();
console.log(styleMap.get("width")); // CSSMathSum {values: CSSNumericArray, operator: "sum"}
console.log(styleMap.get("width").operator); // 'sum'
console.log(styleMap.get("width").values[1].value); // -20
CSSMathValue.operator 返回 "sum"，因為 styleMap.get("width").values[1].value ); 是 -20：新增一個負數。
規範
| 規範 |
|---|
| CSS 型別化 OM Level 1 # complex-numeric |
瀏覽器相容性
載入中…