This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

The property of the Web Animations API returns or sets a string used to identify the animation.


var animationsId =; = newIdString;


A DOMString which can be used to identify the animation, or null if the animation has no id.


In the Follow the White Rabbit example, you can assign the rabbitDownAnimation an id like so: = "rabbitGo";


Specification Status Comment
Web Animations
The definition of '' in that specification.
Working Draft Editor's draft.

Browser compatibility

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Basic support50 ?


46 — 481

No37 No
FeatureAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Basic support5050 ?


46 — 481

37 No5.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.

See also

Document Tags and Contributors

Contributors to this page: fscholz, jpmedley, birtles, Sheppy, chrisdavidmills, rachelnabors
Last updated by: fscholz,