ShadowRoot: getAnimations()-Methode
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2020.
Die getAnimations()-Methode der ShadowRoot-Schnittstelle
gibt ein Array aller aktuell wirksamen Animation-Objekte zurück, deren Ziel-Elemente Nachkommen des Shadow-Baums sind. Dieses Array umfasst CSS-Animationen, CSS-Übergänge und Web-Animationen.
Syntax
js
getAnimations()
Parameter
Keine.
Rückgabewert
Ein Array von Animation-Objekten, von denen jedes eine
Animation darstellt, die derzeit mit Elementen assoziiert ist, die Nachkommen des
ShadowRoot sind, auf dem sie aufgerufen wurde.
Beispiele
Der folgende Codeausschnitt verlangsamt alle Animationen in einem Shadow-Baum, indem er ihre
Animation.playbackRate halbiert.
js
let customElem = document.querySelector("my-shadow-dom-element");
let shadow = customElem.shadowRoot;
shadow.getAnimations().forEach((animation) => {
animation.playbackRate *= 0.5;
});
Spezifikationen
| Specification |
|---|
| Web Animations # dom-documentorshadowroot-getanimations |
Browser-Kompatibilität
Loading…
Siehe auch
- Web Animations API
- CSS-Animationen
- CSS-Übergänge
Element.getAnimations()- Abrufen nur der Animationen auf einem einzelnenElementund seinen Nachkommen.Animation