CSSMathValue

CSSMathValueCSS Typed 对象模型 API 的一个接口,它是表示复杂数值的类的基类。

CSSStyleValue CSSNumericValue CSSMathValue

基于 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 Typed OM 级别 1
# 复杂数值

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。