HTML DOM Strong Object
The Strong Object in HTML DOM is used to represent the HTML <strong> element. This tag is used to show the importance of the text. The strong element can be accessed by using the getElementById() method.
Syntax:
document.getElementById("id")
Where id is assigned to the <strong> tag.
Example 1: In this example, we will use the Strong Object in HTML DOM.
HTML
<!DOCTYPE html><html><head> <title> HTML DOM Strong Object </title></head><body style="text-align:center;"> <h1 style="color:green;"> w3wiki </h1> <h2>DOM strong Object</h2> <!-- Assign id to STRONG tag--> <p> <strong id="GFG"> w3wiki: </strong> A computer science portal for Beginner. </p> <button onclick="myBeginner()"> Submit </button> <!-- set style to the strong object --> <script> function myBeginner() { var para = document.getElementById("GFG"); /* Change the color of strong element */ para.style.color = "green"; } </script></body></html> |
Output:
Example 2: Strong Objects can be created by using the document.createElement method.
HTML
<!DOCTYPE html><html><head> <title> HTML DOM Strong Object </title></head> <body style="text-align:center;"> <h1 style="color:green;"> w3wiki </h1> <h2>DOM strong Object</h2> <button onclick="myBeginner()"> Submit </button><br> <!-- script to create strong element --> <script> function myBeginner() { let elem = document.createElement("STRONG"); let txt = document.createTextNode("w3wiki:" + "A computer science portal for Beginner."); elem.appendChild(txt); document.body.appendChild(elem); } </script></body></html> |
Output:
Supported Browsers:
- Opera
- Internet Explorer
- Google Chrome
- Firefox
- Apple Safari
Contact Us