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 a Global Attribute, and can be used on any HTML element.

Element	Attribute
All HTML elements	id

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

❮ Previous All HTML Attributes Next ❯