HTML | DOM Code Object
The DOM Code Object is used to represent the HTML <code> element. The Code element is accessed by getElementById().
Syntax:
document.getElementById("id");
Where ‘id’ is the ID assigned to the code tag.
Example-1:
html
<!DOCTYPE html><html><body> <center> <h1 style = "color:green; font-size:38px;"> GeeksForGeeks </h1> <h2>DOM code Object</h2> <!-- Assign id to CODE tag--> <code id="GFG"> GeeksForGeeks: A computer science portal for geeks. </code> <br> <br> <button onclick="myGeeks()">Submit</button> <script> function myGeeks() { var g = document.getElementById("GFG"); <!--Change the color of code element.--> g.style.color = "coral"; } </script></body></html> |
Output:
Before Clicking on Button :
After Clicking On Button:
Example-2: Code Object can be created by using the document.createElement method.
html
<!DOCTYPE html><html><body> <center> <h1 style = "color:green; font-size:38px;" > GeeksForGeeks </h1> <h2>DOM code Object</h2> <br> <button onclick="myGeeks()">Submit</button> <script> <!--Creating code element--> function myGeeks() { var g = document.createElement("CODE"); var f = document.createTextNode("GeeksForGeeks:" +"A computer science portal for geeks."); g.appendChild(f); document.body.appendChild(g); } </script></body></html> |
Output:
Before Clicking On Button:
After Clicking On Button:
Supported Browsers: The browser supported by DOM Code Object are listed below:
- Google Chrome
- Internet Explorer
- Firefox
- Opera
- Safari
Please Login to comment...