HTML DOM id Property
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 used to return the element using the document.getElementById() method.
Browser Support
| Property | |||||
|---|---|---|---|---|---|
| id | Yes | Yes | Yes | Yes | Yes |
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 |
|---|
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 Syntax
CSS Reference: CSS #id Selector
HTML DOM Reference: HTML DOM getElementById() Method
❮ Element Object
