CSSKeyframesRule: deleteRule() Methode
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since August 2016.
Die deleteRule() Methode des CSSKeyframeRule-Interfaces löscht die CSSKeyFrameRule, die mit dem angegebenen Keyframe-Selektor übereinstimmt.
Syntax
deleteRule(select)
Parameter
select-
Ein String, der den Keyframe-Selektor der zu löschenden Regel enthält, der sein muss:
- eine durch Kommas getrennte Liste von Prozentwerten zwischen 0 % und 100 %;
- oder die Schlüsselwörter
fromoderto
Beachten Sie, dass die Anzahl und Reihenfolge der Werte im angegebenen Keyframe-Selektor mit denen der anvisierten Keyframe-Regel(n) übereinstimmen müssen. Leerzeichen werden ignoriert.
Rückgabewert
Keiner (undefined).
Beispiele
Das CSS enthält eine Keyframes-Anweisung. Diese wird die erste CSSRule sein, die von document.styleSheets[0].cssRules zurückgegeben wird.
myRules[0] gibt ein CSSKeyframesRule-Objekt zurück. Die Rückgabe der cssRules-Eigenschaft würde eine CSSRuleList mit zwei Regeln zurückgeben.
Nach dem Löschen einer Regel mit deleteRule() gibt die cssRules-Eigenschaft eine CSSRuleList mit einer Regel zurück.
@keyframes slide-in {
from {
transform: translateX(0%);
}
to {
transform: translateX(100%);
}
}
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
Spezifikationen
| Specification |
|---|
| CSS Animations Level 1 # dom-csskeyframesrule-deleterule |