Element.id

The id property of the Element interface represents the element's identifier, reflecting the id global attribute.

If the id value is not the empty string, it must be unique in a document.

The id is often used with getElementById() to retrieve a particular element. Another common case is to use an element's ID as a selector when styling the document with CSS.

Note: Identifiers are case-sensitive, but you should avoid creating IDs that differ only in the capitalization.

Syntax

var idStr = element.id; // Get the id
element.id = idStr; // Set the id
  • idStr is the identifier of the element.

Specifications

Specification
DOM Standard (DOM)
# ref-for-dom-element-id①

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet
id
23
1-23
Only supported for HTMLElement, not all Element objects, such as SVGElement.
12
1
5
≤12.1
1
≤37
1-≤37
Only supported for HTMLElement, not all Element objects, such as SVGElement.
25
18-25
Only supported for HTMLElement, not all Element objects, such as SVGElement.
4
≤12.1
1
1.5
1.0-1.5
Only supported for HTMLElement, not all Element objects, such as SVGElement.

See also

  • The DOM id global attribute.

© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/Element/id