CSSKeyframesRule: length 属性

只读的 length 属性是 CSSKeyframeRule 接口的属性，它返回其列表中 CSSKeyframeRule 对象的数量。然后，您可以通过其索引直接在 CSSKeyframeRule 对象上访问每个关键帧规则。

值

一个非负整数。它应该与 cssRules 属性的 length 相同。

示例

CSS 包含一个关键帧 at-rule。这将是 document.styleSheets[0].cssRules 返回的第一个 CSSRule。myRules[0] 返回一个 CSSKeyframesRule 对象。cssRules 属性返回一个 CSSRuleList，其中包含两个规则。

css
@keyframes slidein {
  from {
    transform: translateX(0%);
  }

  to {
    transform: translateX(100%);
  }
}
js
const myRules = document.styleSheets[0].cssRules;
const keyframes = myRules[0]; // a CSSKeyframesRule
console.log(keyframes.length); // 2

规范

规范
CSS 动画级别 1
# dom-csskeyframesrule-length

浏览器兼容性

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