CSS StyleDeclaration length 属性

CSSStyleDeclaration 对象是一个表示HTML元素样式的容器，它是通过 element.style 或 window.getComputedStyle() 方法获取的。

length 属性是 CSSStyleDeclaration 对象的一个只读属性，它返回当前 CSS 样式规则中的属性数量，包括继承的属性和非继承的属性。

属性值

length 属性的值是一个无符号整数，它表示当前 CSS 样式规则中的属性数量。

示例代码

const element = document.getElementById('my-element');
const styleDeclaration = window.getComputedStyle(element);
console.log(styleDeclaration.length); // 输出样式属性数量

注意事项

• length 属性的值包括所有的 CSS 属性，即使该属性在 CSS 规则中没有被定义或者被注释掉了
• length 属性不包括任何伪元素或伪类的属性

浏览器支持

| Chrome | Firefox | Edge | Safari | Opera | |--------|---------|------|--------|-------| | Safari 1.3 | Firefox 1.0 | Edge all versions | Safari all versions | Opera 7.0 |

参考文献

• MDN web docs: CSSStyleDeclaration.length