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 getElementById() method.
Syntax:
document.getElementById("id")Where id is assigned to the <strong> tag.
Example 1:
HTML
<!DOCTYPE html><html><head> <title> HTML DOM Strong Object </title></head><body style="text-align:center;"> <h1 style="color:green;"> GeeksForGeeks </h1> <h2>DOM strong Object</h2> <!-- Assign id to STRONG tag--> <p> <strong id="GFG"> GeeksForGeeks: </strong> A computer science portal for geeks. </p> <button onclick="myGeeks()"> Submit </button> <!-- set style to the strong object --> <script> function myGeeks() { var para = document.getElementById("GFG"); /* Change the color of strong element */ para.style.color = "green"; } </script></body></html> |
Output:
Before click on the button:
After click on the button:
Example 2: Strong Object 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;"> GeeksForGeeks </h1> <h2>DOM strong Object</h2> <button onclick="myGeeks()"> Submit </button><br> <!-- script to create strong element --> <script> function myGeeks() { var elem = document.createElement("STRONG"); var txt = document.createTextNode("GeeksForGeeks:" + "A computer science portal for geeks."); elem.appendChild(txt); document.body.appendChild(elem); } </script></body></html> |
Output:
Before click on the button:
After click on the button:
Supported Browsers:
- Opera
- Internet Explorer
- Google Chrome
- Firefox
- Apple Safari
Please Login to comment...