CSSMathValue - 表示复杂数字值的类的基类

CSSMathValue 是 CSS Typed Object Model API 的接口，表示复杂数字值的类的基类。

基于 CSSMathValue 的接口

以下是基于 CSSMathValue 接口的接口列表。

• CSSMathInvert
• CSSMathMax
• CSSMathMin
• CSSMathNegate
• CSSMathProduct
• CSSMathSum

属性

CSSMathValue.operator

指示当前子类型代表的运算符。

事件处理程序

无。

方法

无。

实例

我们使用 calc() 函数处理一个具有 width 的元素，然后 console.log() 输出的 operator 的值。

<style>
div {
  width: calc(30% - 20px);
}
</style>

<div>具有宽度属性</div>

<script>
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
</script>

尝试一下 »

CSSMathValue.operator 返回 "sum"，因为 styleMap.get('width').values[1].value ); 是 -20：加一个负数。

规范

规范	状态	备注
CSS Typed OM Level 1 CSSMathValue 的定义	工作草案	初始定义。

桌面浏览器兼容性

移动浏览器兼容性