Document: getAnimations() メソッド

Baseline 広く利用可能

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2020年9月以降、すべてのブラウザーで利用可能です。

getAnimations() メソッドは Document インターフェイスのメソッドで、この文書の配下にあるターゲット要素にあるすべての Animation オブジェクトの配列を返します。この配列には CSS アニメーション, CSS トランジション, ウェブアニメーションが含まれます。

構文

getAnimations()

なし。

Animation オブジェクトの配列 (Array) で、それぞれの要素は呼び出された Document の配下にある要素に現在関連付けられているアニメーション 1 つを表します。

次のコードスニペットは、ページ上のすべてのアニメーションの Animation.playbackRate を半分にすることで速度をゆっくりにします。

document.getAnimations().forEach((animation) => {
  animation.playbackRate *= 0.5;
});

仕様書
Web Animations # dom-documentorshadowroot-getanimations

このページは MDN の貢献者によって 2025年11月9日に最終更新されました。