CSSKeyframesRule: length 属性
CSSKeyframesRule 接口的只读 length 属性返回其列表中的 CSSKeyframeRule 对象的数量。然后，您可以通过索引直接在 CSSKeyframesRule 对象上访问每个关键帧规则。
值
一个非负整数。它的值应与 cssRules 属性的 length 相同。
示例
CSS 包含一个 keyframes at-rule。这将是 document.styleSheets[0].cssRules 返回的第一个 CSSRule。myRules[0] 返回一个 CSSKeyframesRule 对象。cssRules 属性返回一个 CSSRuleList，其中包含两个规则。
css
@keyframes slide-in {
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 |
浏览器兼容性
加载中…