X
HOME HTML CSS JAVASCRIPT SQL PHP JQUERY ANGULAR BOOTSTRAP XML ASP.NET MORE...
REFERENCES | EXAMPLES | FORUM | ABOUT

HTML DOM id Property

HTMLElement Object Reference 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 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

HTML DOM Reference: HTML DOM Style Object


HTMLElement Object Reference Element Object

Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

WEB HOSTING

UK Reseller Hosting

WEB BUILDING

Download XML Editor FREE Website BUILDER Free HTML5 Templates

SHARE THIS PAGE

facebook