HTML DOM id Property
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 |
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
