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 |
瀏覽器相容性
載入中…