CSSKeyframesRule：appendRule() 方法

appendRule() 方法是 CSSKeyframeRule 接口的方法，用于将 CSSKeyFrameRule 附加到规则的末尾。

语法

js
appendRule(rule)

参数

rule

包含关键帧规则的字符串。

返回值

无 (undefined)。

示例

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

使用 appendRule 附加另一个规则后，cssRules 属性返回一个包含两个规则的 CSSRuleList。

css
@keyframes slidein {
  from {
    transform: translateX(0%);
  }
}
js
let myRules = document.styleSheets[0].cssRules;
let keyframes = myRules[0]; // a CSSKeyframesRule
keyframes.appendRule("to {transform: translateX(100%);}");
console.log(keyframes.cssRules); // a CSSRuleList object with two rules

规范

规范
CSS 动画级别 1
# interface-csskeyframesrule-appendrule

浏览器兼容性

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