CSSKeyframesRule: deleteRule() 方法
CSSKeyframesRule 接口的 deleteRule() 方法会删除与指定关键帧选择器匹配的 CSSKeyframeRule。
语法
js
deleteRule(select)
参数
select-
一个包含要删除规则的关键帧选择器的字符串，该字符串必须是
- 0% 到 100% 之间的逗号分隔的百分比值列表；
- 或者，关键字
from或to
请注意，指定的关键帧选择器中的值的数量和顺序必须与目标关键帧规则的数量和顺序匹配。空白字符将被忽略。
返回值
无（undefined）。
示例
CSS 包含一个关键帧 at-rule。这将是 document.styleSheets[0].cssRules 返回的第一个 CSSRule。myRules[0] 返回一个 CSSKeyframesRule 对象。返回 cssRules 属性将返回一个包含两个规则的 CSSRuleList。
使用 deleteRule() 删除规则后，cssRules 属性将返回一个包含一个规则的 CSSRuleList。
css
@keyframes slide-in {
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 |
浏览器兼容性
加载中…