Open In App
Related Articles

HTML DOM Small Object

Improve
Improve
Improve
Like Article
Like
Save Article
Save
Report issue
Report

The Small Object in HTML DOM is used to represent the HTML <small> element. The small element can be accessed by using the getElementById() method.

Syntax: 

document.getElementById("id"); 

Where id is assigned to the <small> tag.

Example 1: In this example, we will see the use of Small Object 

html

<!DOCTYPE html>
<html>
<head>
    <title>
        HTML DOM Small Object
    </title>
</head>
   
<body style="text-align:center;">
    <h1 style="color:green;">
        GeeksForGeeks
    </h1>
    <h2>DOM small Object</h2>
    <p>
        A <small id="small_obj">computer science</small>
        portal for geeks.
      </p>
    <button onclick="Geeks()">
        Click Here
    </button>
    <script>
        function Geeks() {
           let txt = document.getElementById("small_obj");
            txt.style.color = "green";
        }
    </script>
</body>
</html>

                    

Output: 

 

Example 2: Small Objects can be created by using the document.createElement method. 

HTML

<!DOCTYPE html>
<html>
<head>
    <title>
        HTML DOM Small Object
    </title>
</head>
   
<body style="text-align:center">
    <h1 style="color:green;">
        GeeksForGeeks
    </h1>
    <h2>DOM small 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("SMALL");
            let t = document.createTextNode("computer science");
            txt.appendChild(t);
            document.getElementById("p").appendChild(txt);
        }
    </script>
</body>
</html>

                    

Output: 

 

Supported Browsers:

  • Google Chrome
  • Mozilla Firefox
  • Edge
  • Safari
  • Opera


Last Updated : 14 Jun, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads