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 March 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
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.
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
BCD tables only load in the browser
Siehe auch
- Web Animations API
- CSS-Animationen
- CSS-Übergänge
-
Element.getAnimations()
- Abrufen nur der Animationen auf einem einzelnenElement
und seinen Nachkommen. Animation