From 8c1df31bf6fb847e41f0310524616a76e04bdee2 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Mon, 30 Sep 2024 22:50:46 +0900 Subject: [PATCH] =?UTF-8?q?2023/07/18=20=E6=99=82=E7=82=B9=E3=81=AE?= =?UTF-8?q?=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=9F=BA=E3=81=A5=E3=81=8D?= =?UTF-8?q?=E6=9B=B4=E6=96=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../web/api/shadowroot/getanimations/index.md | 17 ++++++++++------- 1 file changed, 10 insertions(+), 7 deletions(-) diff --git a/files/ja/web/api/shadowroot/getanimations/index.md b/files/ja/web/api/shadowroot/getanimations/index.md index bd8c45e67d9aad..d0b246395b89b1 100644 --- a/files/ja/web/api/shadowroot/getanimations/index.md +++ b/files/ja/web/api/shadowroot/getanimations/index.md @@ -1,16 +1,19 @@ --- -title: ShadowRoot.getAnimations() +title: "ShadowRoot: getAnimations() メソッド" +short-title: getAnimations() slug: Web/API/ShadowRoot/getAnimations +l10n: + sourceCommit: 76717f752447b6eef25bf29c12272e407ee5cb6b --- {{APIRef("Web Animations")}} -**`getAnimations()`** は {{domxref("ShadowRoot")}} のメソッドで、ターゲット要素がシャドウツリーの子孫である、現在有効なすべての {{domxref("Animation")}} オブジェクトの配列を返します。この配列には [CSS アニメーション](/ja/docs/Web/CSS/CSS_Animations)、[CSS トランジション](/ja/docs/Web/CSS/CSS_Transitions)、[ウェブアニメーション](/ja/docs/Web/API/Web_Animations_API) が含まれています。 +**`getAnimations()`** は {{domxref("ShadowRoot")}} のメソッドで、ターゲット要素がシャドウツリーの子孫である、現在有効なすべての {{domxref("Animation")}} オブジェクトの配列を返します。この配列には [CSS アニメーション](/ja/docs/Web/CSS/CSS_animations)、[CSS トランジション](/ja/docs/Web/CSS/CSS_transitions)、[ウェブアニメーション](/ja/docs/Web/API/Web_Animations_API) が含まれています。 ## 構文 -```js -getAnimations(); +```js-nolint +getAnimations() ``` ### 引数 @@ -28,7 +31,7 @@ getAnimations(); ```js let customElem = document.querySelector("my-shadow-dom-element"); let shadow = customElem.shadowRoot; -shadow.getAnimations().forEach(function (animation) { +shadow.getAnimations().forEach((animation) => { animation.playbackRate *= 0.5; }); ``` @@ -44,8 +47,8 @@ shadow.getAnimations().forEach(function (animation) { ## 関連情報 - [Web Animations API](/ja/docs/Web/API/Web_Animations_API) -- [CSS アニメーション](/ja/docs/Web/CSS/CSS_Animations) -- [CSS トランジション](/ja/docs/Web/CSS/CSS_Transitions) +- [CSS アニメーション](/ja/docs/Web/CSS/CSS_animations) +- [CSS トランジション](/ja/docs/Web/CSS/CSS_transitions) - {{domxref("Element.getAnimations()")}} - 単一の {{domxref("Element")}} とその配下のアニメーションのみを読み取ります。 - {{domxref("Animation")}}