The Element.id property 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 (see Case sensitivity in class and id names).

Syntax

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

Specifications

Specification Status Comment
DOM
The definition of 'id' in that specification.
Living Standard No change from Document Object Model (DOM) Level 2 HTML Specification.
Document Object Model (DOM) Level 2 HTML Specification
The definition of 'id' in that specification.
Obsolete No change from Document Object Model (DOM) Level 1 Specification.
Document Object Model (DOM) Level 1 Specification
The definition of 'id' in that specification.
Obsolete Initial definition.

Browser compatibility

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidEdge MobileFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
Basic supportChrome Full support YesEdge Full support YesFirefox Full support YesIE Full support YesOpera Full support YesSafari Full support YesWebView Android Full support YesChrome Android Full support YesEdge Mobile Full support YesFirefox Android Full support YesOpera Android Full support YesSafari iOS Full support YesSamsung Internet Android Full support Yes

Legend

Full support  
Full support

See also

  • The DOM id global attribute.