基于 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 |
浏览器兼容性
加载中…