This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
The Animation.id property of the Web Animations API returns or sets a string used to identify the animation.
Syntax
var animationsId = Animation.id; Animation.id = newIdString;
Value
A DOMString which can be used to identify the animation, or null if the animation has no id.
Examples
In the Follow the White Rabbit example, you can assign the rabbitDownAnimation an id like so:
rabbitDownAnimation.effect.id = "rabbitGo";
Specifications
| Specification | Status | Comment |
|---|---|---|
| Web Animations The definition of 'Animation.id' in that specification. |
Working Draft | Editor's draft. |
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
| Feature | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|---|
| Basic support | 50 | ? | 48 46 — 481 | No | 37 | No |
| Feature | Android webview | Chrome for Android | Edge mobile | Firefox for Android | Opera Android | iOS Safari | Samsung Internet |
|---|---|---|---|---|---|---|---|
| Basic support | 50 | 50 | ? | 48 46 — 481 | 37 | No | 5.0 |
1. From version 46 until version 48 (exclusive): this feature is behind the dom.animations-api.core.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.