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

BCD tables only load in the browser

Siehe auch