Using The id Attribute in JavaScript

#	Content	Views
1.	Tutorial Tags	40,908
2.	Tutorial + Programming	1,146,652
3.	Videos	382,215
4.	Results (`Annual + Re-appear`)	48,466
5.	Quiz Chapters	40,644
6.	Quiz Questions	571,897
7.	Quiz Results	30,387
8.	Testimonials	8,359
9.	Projects	34,687
10.	e-Words	24,061
11.	e-Certificates	4,968
12.	Downloads (Softwares)	174,879
13.	Downloads (Syllabus)	2,831

Home
HTML
id Attribute
Using The Id Attribute In Javascript

Using The id Attribute in JavaScript

The id attribute can also be used by JavaScript to perform some tasks for that specific element.

JavaScript can access an element with a specific id with the getElementById() method:

<!DOCTYPE html>
<html>
<head>
<title>
Using The id Attribute in JavaScript
</title>
</head>
<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 Students!</h1>
<button onclick="displayResult()">Change text</button>

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

</body>
</html>

Live Demo & Try it yourself!

#HTML #javascript #id

CSPunjab.Com

Using The id Attribute in JavaScript

« Previous

The id attribute can also be used by JavaScript to perform some tasks for that specific element.

JavaScript can access an element with a specific id with the getElementById() method:

<!DOCTYPE html>
<html>
<head>
<title>
Using The id Attribute in JavaScript
</title>
</head>
<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 Students!</h1>
<button onclick="displayResult()">Change text</button>

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

</body>
</html>

Live Demo & Try it yourself!