ShadowRoot：getAnimations() 方法

getAnimations() 是 ShadowRoot 接口的方法，它返回一个数组，其中包含当前生效的所有 Animation 对象，这些对象的 target 元素是 shadow tree 的后代。此数组包括 CSS 动画、CSS 过渡 和 Web 动画。

语法

js
getAnimations()

参数

无。

返回值

一个 Array，其中包含 Animation 对象，每个对象都表示一个当前与调用该方法的 ShadowRoot 的后代元素关联的动画。

示例

以下代码片段将通过将所有动画的 Animation.playbackRate 减半来减慢 shadow tree 中的所有动画速度。

js
let customElem = document.querySelector("my-shadow-dom-element");
let shadow = customElem.shadowRoot;
shadow.getAnimations().forEach((animation) => {
  animation.playbackRate *= 0.5;
});

规范

规范
Web 动画
# dom-documentorshadowroot-getanimations

浏览器兼容性

BCD 表格仅在启用了 JavaScript 的浏览器中加载。

另请参阅