THE WORLD'S LARGEST WEB DEVELOPER SITE

HTML id Attribute


Definition and Usage

The id attribute specifies a unique id for an HTML element (the value must be unique within the HTML document).

The id attribute is most used to point to a style in a style sheet, and by JavaScript (via the HTML DOM) to manipulate the element with the specific id.


Applies to

The id attribute is part of the Global Attributes, and can be used on any HTML element.

Element Attribute
All HTML elements id

Example

Example

Use the id attribute to manipulate text with JavaScript:

<html>
<body>

<h1 id="myHeader">Hello World!</h1>
<button onclick="displayResult()">Change text</button>

<script>
function displayResult() {
    document.getElementById("myHeader").innerHTML = "Have a nice day!";
}
</script>

</body>
</html>
Try it Yourself »

Browser Support

Attribute
id Yes Yes Yes Yes Yes