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 der CSSKeyframeRule Schnittstelle 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 und muss:
- eine kommagetrennte Liste von Prozentwerten zwischen 0% und 100% sein;
- 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-At-Regel. Dies wird die erste CSSRule sein, die von document.styleSheets[0].cssRules zurückgegeben wird.
myRules[0] gibt ein CSSKeyframesRule Objekt zurück. Das Zurückgeben der cssRules Eigenschaft würde eine CSSRuleList enthalten, die zwei Regeln beinhaltet.
Nach dem Löschen einer Regel mit deleteRule() gibt die cssRules Eigenschaft eine CSSRuleList zurück, die eine Regel enthält.
@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 |
Browser-Kompatibilität
Loading…