CSSMathValue
CSSMathValue
是 CSS Typed 对象模型 API 的一个接口,它是表示复杂数值的类的基类。
基于 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 的浏览器中加载。