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 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
js
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.
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
Siehe auch
- Web Animations API
- CSS-Animationen
- CSS-Transitionen
Element.getAnimations()- Nur die Animationen eines einzelnenElementsund seiner Nachkommen abrufen.Animation