HTML ID

⟼. Id Attribute is same work like class. but where ID is use # symbol.

See in Example:

   <style>  
    #p{color: lightgreen;  
        }  
    </style>  
       <h1 id="p">This is first heading use of id elements</h1>  
 

Output:-

This is first heading use of id elements

id Attribute use in JavaScript

JavaScript can access an element with a specified id by using the getElementById() method:

Example:-

 <!DOCTYPE html>
<html>
<body>

<h2>Using The id Attribute in JavaScript</h2>
<p>JavaScript can access an element with a specified id by using the getElementById() method:</p>

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

Output:-

Hello World!

Next TopicHTML Div Tag

← prev next →

HTML Tutorials

HTML Tags

HTML5 Tutorial

HTML ID

See in Example:

This is first heading use of id elements

id Attribute use in JavaScript

Example:-

Hello World!