HTML DOM Subscript Object
Last Updated :
15 Jun, 2023
The Subscript Object in HTML DOM is used to represent the HTML <sub> element. The subscript element can be accessed by using the getElementById() method.
Syntax:
document.getElementById("id")
Where id is assigned to the <sub> tag.
Example 1: In this example, we will use DOM Subscript Object.
HTML
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM subscript Object
</title>
</head>
<body style="text-align:center">
<h1 style="color:green;">
GeeksForGeeks
</h1>
<h2>DOM subscript Object</h2>
<p>
A<sub id="sub_scr">computer science</sub>
portal for geeks.
</p>
<button onclick="Geeks()">
Click Here
</button>
<script>
function Geeks() {
let txt = document.getElementById("sub_scr");
txt.style.color = "green";
}
</script>
</body>
</html>
|
Output:
Example 2: Subscript Object can be created by using the document.createElement method.
HTML
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM subscript Object
</title>
</head>
<body>
<h1 style="color:green;">
GeeksForGeeks
</h1>
<h2>DOM subscript Object</h2>
<button onclick="Geeks()">
Click Here!
</button>
<br><br>
<div>
A <span id="p"></span>
portal for geeks.
</div>
<script>
function Geeks() {
let txt = document.createElement("SUB");
let t = document.createTextNode("computer science");
txt.appendChild(t);
document.getElementById("p").appendChild(txt);
}
</script>
</body>
</html>
|
Output:
Supported Browsers:
- Opera
- Internet Explorer
- Google Chrome
- Firefox
- Apple Safari
Like Article
Suggest improvement
Share your thoughts in the comments
Please Login to comment...