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 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


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