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

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

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
getAnimations

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

Siehe auch