Document.getAnimations()

これは実験的な機能です。本番で使用する前にブラウザー実装状況をチェックしてください。

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

構文

var allAnimations = Document.getAnimations();

引数

なし。

返値

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

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

document.getAnimations().forEach(
  function (animation) {
    animation.playbackRate *= .5;
  }
);

仕様書

仕様書 状態 備考
Web Animations
document.getAnimations() の定義
草案

ブラウザーの互換性

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
getAnimations
実験的
Chrome 完全対応 83
無効
完全対応 83
無効
無効 From version 83: this feature is behind the #enable-experimental-web-platform-features preference. To change preferences in Chrome, visit chrome://flags.
未対応 67 — 83
補足 無効
補足 Implements an older version of the specification and not supported on ShadowRoot, see Chromium bug 828585.
無効 From version 67 until version 83 (exclusive): this feature is behind the #enable-experimental-web-platform-features preference. To change preferences in Chrome, visit chrome://flags.
未対応 61 — 67
補足 無効
補足 Implements an older version of the specification, does not automatically flush pending style changes and not supported on ShadowRoot, see Chromium bugs 828424 and 828585.
無効 From version 61 until version 67 (exclusive): this feature is behind the #enable-experimental-web-platform-features preference. To change preferences in Chrome, visit chrome://flags.
Edge 完全対応 83
無効
完全対応 83
無効
無効 From version 83: this feature is behind the #enable-experimental-web-platform-features preference.
未対応 79 — 83
補足 無効
補足 Implements an older version of the specification and not supported on ShadowRoot, see Chromium bug 828585.
無効 From version 79 until version 83 (exclusive): this feature is behind the #enable-experimental-web-platform-features preference.
Firefox 完全対応 75
完全対応 75
未対応 72 — 75
無効
無効 From version 72 until version 75 (exclusive): this feature is behind the dom.animations-api.getAnimations.enabled preference. To change preferences in Firefox, visit about:config.
未対応 63 — 72
補足 無効
補足 Not supported on ShadowRoot.
無効 From version 63 until version 72 (exclusive): this feature is behind the dom.animations-api.getAnimations.enabled preference. To change preferences in Firefox, visit about:config.
未対応 47 — 63
補足 無効
補足 Not supported on ShadowRoot.
無効 From version 47 until version 63 (exclusive): this feature is behind the dom.animations-api.core.enabled preference. To change preferences in Firefox, visit about:config.
未対応 46 — 47
補足 無効
補足 Does not return any animations on pseudo-elements and is not supported on ShadowRoot.
無効 From version 46 until version 47 (exclusive): this feature is behind the dom.animations-api.core.enabled preference. To change preferences in Firefox, visit about:config.
IE 未対応 なしOpera 完全対応 69
無効
完全対応 69
無効
無効 From version 69: this feature is behind the #enable-experimental-web-platform-features preference.
未対応 54 — 69
補足 無効
補足 Implements an older version of the specification and not supported on ShadowRoot, see Chromium bug 828585.
無効 From version 54 until version 69 (exclusive): this feature is behind the #enable-experimental-web-platform-features preference.
未対応 48 — 54
補足 無効
補足 Implements an older version of the specification, does not automatically flush pending style changes and not supported on ShadowRoot, see Chromium bugs 828424 and 828585.
無効 From version 48 until version 54 (exclusive): this feature is behind the #enable-experimental-web-platform-features preference.
Safari 完全対応 14
完全対応 14
部分対応 13.1
補足
補足 Implements an older version of the specification and not supported on ShadowRoot, see Webkit bugs 179536 and 202192.
部分対応 一部
補足 無効
補足 Implements an older version of the specification and not supported on ShadowRoot, see Webkit bugs 179536 and 202192.
無効 This feature is behind the Web Animations preference and the CSS Animations via Web Animations preference.
WebView Android 未対応 なし
補足
未対応 なし
補足
補足 Currently Chrome Canary only
Chrome Android 完全対応 83
無効
完全対応 83
無効
無効 From version 83: this feature is behind the #enable-experimental-web-platform-features preference. To change preferences in Chrome, visit chrome://flags.
未対応 67 — 83
補足 無効
補足 Implements an older version of the specification and not supported on ShadowRoot, see Chromium bug 828585.
無効 From version 67 until version 83 (exclusive): this feature is behind the #enable-experimental-web-platform-features preference. To change preferences in Chrome, visit chrome://flags.
未対応 61 — 67
補足 無効
補足 Implements an older version of the specification, does not automatically flush pending style changes and not supported on ShadowRoot, see Chromium bugs 828424 and 828585.
無効 From version 61 until version 67 (exclusive): this feature is behind the #enable-experimental-web-platform-features preference. To change preferences in Chrome, visit chrome://flags.
Firefox Android 部分対応 63
補足 無効
部分対応 63
補足 無効
補足 Not supported on ShadowRoot.
無効 From version 63: this feature is behind the dom.animations-api.getAnimations.enabled preference. To change preferences in Firefox, visit about:config.
未対応 47 — 63
補足 無効
補足 Not supported on ShadowRoot.
無効 From version 47 until version 63 (exclusive): this feature is behind the dom.animations-api.core.enabled preference. To change preferences in Firefox, visit about:config.
未対応 46 — 47
補足 無効
補足 Does not return any animations on pseudo-elements and is not supported on ShadowRoot.
無効 From version 46 until version 47 (exclusive): this feature is behind the dom.animations-api.core.enabled preference. To change preferences in Firefox, visit about:config.
Opera Android 部分対応 48
補足 無効
部分対応 48
補足 無効
補足 Implements an older version of the specification and not supported on ShadowRoot, see Chromium bug 828585.
無効 From version 48: this feature is behind the #enable-experimental-web-platform-features preference.
未対応 45 — 48
補足 無効
補足 Implements an older version of the specification, does not automatically flush pending style changes and not supported on ShadowRoot, see Chromium bugs 828424 and 828585.
無効 From version 45 until version 48 (exclusive): this feature is behind the #enable-experimental-web-platform-features preference.
Safari iOS 完全対応 14
完全対応 14
部分対応 13.4
補足
補足 Implements an older version of the specification and not supported on ShadowRoot, see Webkit bugs 179536 and 202192.
部分対応 一部
補足 無効
補足 Implements an older version of the specification and not supported on ShadowRoot, see Webkit bugs 179536 and 202192.
無効 This feature is behind the Web Animations preference and the CSS Animations via Web Animations preference.
Samsung Internet Android 未対応 なし

凡例

完全対応  
完全対応
部分対応  
部分対応
未対応  
未対応
実験的。動作が変更される可能性があります。
実験的。動作が変更される可能性があります。
実装ノートを参照してください。
実装ノートを参照してください。
ユーザーが明示的にこの機能を有効にしなければなりません。
ユーザーが明示的にこの機能を有効にしなければなりません。

関連情報