ShadowRoot: phương thức getAnimations()
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2020.
Phương thức getAnimations() của giao diện ShadowRoot trả về một mảng gồm tất cả các đối tượng Animation hiện đang có hiệu lực, mà phần tử đích của chúng là các phần tử hậu duệ của cây shadow. Mảng này bao gồm CSS Animations, CSS Transitions, và Web Animations.
Cú pháp
js
getAnimations()
Tham số
Không có.
Giá trị trả về
Một Array gồm các đối tượng Animation, mỗi đối tượng biểu thị một hoạt ảnh hiện đang gắn với các phần tử là hậu duệ của ShadowRoot mà nó được gọi trên.
Ví dụ
Đoạn mã sau sẽ làm chậm tất cả các hoạt ảnh trong một cây shadow bằng cách giảm một nửa Animation.playbackRate của chúng.
js
let customElem = document.querySelector("my-shadow-dom-element");
let shadow = customElem.shadowRoot;
shadow.getAnimations().forEach((animation) => {
animation.playbackRate *= 0.5;
});
Thông số kỹ thuật
| Specification |
|---|
| Web Animations # dom-documentorshadowroot-getanimations |
Tương thích trình duyệt
Xem thêm
- Web Animations API
- CSS Animations
- CSS Transitions
Element.getAnimations()- Chỉ lấy các hoạt ảnh trên mộtElementduy nhất và các phần tử hậu duệ của nó.Animation