Latest web development tutorials
 

HTML DOM id Propery

< Element Object

Example

Get the id of an element:

var x = document.getElementById("myAnchor").id;

The result of x will be:

myAnchor
Try it Yourself »

More "Try it Yourself" examples below.


Definition and Usage

The id property sets or returns the id of an element (the value of an element's id attribute).

An ID should be unique within a page, and is often returned by using the document.getElementById() method.


Syntax

Return the id property:

HTMLElementObject.id

Set the id property:

HTMLElementObject.id=id

Property Values

Value Description
id Specifies the id of an element

Technical Details

Return Value: A String, representing the ID of an element

Browser Support

Property
id Yes Yes Yes Yes Yes

Examples

More Examples

Example

Change the id of an element:

document.getElementById("demo").id = "newid";
Try it Yourself »

Example

If the first <div> element in the document has an id of "myDIV", change its font-size:

var x = document.getElementsByTagName("DIV")[0];

if (x.id == "myDIV") {
    x.style.fontSize = "30px";
}
Try it Yourself »

Related Pages

CSS Tutorial: CSS Selectors

CSS Reference: CSS #id Selector

HTML DOM Reference: HTML DOM getElementById() Method


< Element Object