ShadowRoot: getAnimations() Methode
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit September 2020 browserübergreifend verfügbar.
Die getAnimations() Methode des ShadowRoot Interfaces
gibt ein Array aller aktuell wirksamen Animation Objekte zurück, deren
Zielelemente Nachkommen des Shadow-Baums sind. Dieses Array umfasst CSS-Animationen, CSS-Transitionen und Web-Animationen.
Syntax
getAnimations()
Parameter
Keine.
Rückgabewert
Ein Array von Animation Objekten, wobei jedes eine
Animation darstellt, die derzeit mit Elementen assoziiert ist, die Nachkommen des
ShadowRoot sind, auf dem sie aufgerufen wird.
Beispiele
Der folgende Code-Schnipsel wird alle Animationen in einem Shadow-Baum verlangsamen, indem ihre
Animation.playbackRate halbiert wird.
let customElem = document.querySelector("my-shadow-dom-element");
let shadow = customElem.shadowRoot;
shadow.getAnimations().forEach((animation) => {
animation.playbackRate *= 0.5;
});
Spezifikationen
| Spezifikation |
|---|
| Web Animations # dom-documentorshadowroot-getanimations |
Browser-Kompatibilität
Siehe auch
- Web Animations API
- CSS-Animationen
- CSS-Transitionen
Element.getAnimations()- Nur die Animationen eines einzelnenElementsund seiner Nachkommen abrufen.Animation