CSSKeyframesRule：deleteRule() 方法

deleteRule() 是 CSSKeyframeRule 接口的方法，用于删除与指定关键帧选择器匹配的 CSSKeyFrameRule。

语法

js
deleteRule(select)

参数

select

包含要删除的规则的关键帧选择器的字符串，该字符串必须是

  • 0% 到 100% 之间的百分比值的逗号分隔列表；
  • 或者，关键字 from 或 to

请注意，指定关键帧选择器中值的数量和顺序必须与目标关键帧规则的数量和顺序匹配。空格会被忽略。

返回值

无 (undefined)。

示例

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

使用 deleteRule() 删除规则后，cssRules 属性将返回一个包含一个规则的 CSSRuleList。

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

  to {
    transform: translateX(100%);
  }
}
js
let myRules = document.styleSheets[0].cssRules;
let keyframes = myRules[0]; // a CSSKeyframesRule
keyframes.deleteRule("to");
console.log(keyframes.cssRules); // a CSSRuleList object with one rule

规范

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

浏览器兼容性

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