HTML | DOM scripts Collection

Last Updated : 25 Jul, 2019

The DOM scripts Collection in HTML is used to return the collection of all <script> element in HTML document. The script elements are sorted as appear in the sourcecode.

Syntax:

document.scripts

Property Value: It returns the single value length which is the collection of all script element.

Method:

[index]: It is used to return the <script> element of selected index. The index value starts with 0. It returns NULL if the index value is out of range.
item(index): It is used to return the <script> element of selected index. The index value starts with 0. It returns NULL if the index value is out of range.
namedItem(id): It is used to return the <script> element from the collection with given id attribute. It returns NULL if the id is not valid.

Example 1:

<!DOCTYPE html>  
<html>  
    <head>  
        <title>DOM scripts collection</title>  
          
        <style>  
            .gfg {  
                font-size:40px;  
                font-weight:bold;  
                color:green;  
            }  
            body {  
                text-align:center;  
                font-family:Times;  
            }  
        </style>  
    </head>  
      
    <body>  
        <a name="" class="gfg">GeeksforGeeks</a>  
          
        <h2>DOM scripts Collection</h2> 
          
        <!-- script content -->
        <script> 
            document.write("GeeksForGeeks"); 
        </script><br><br> 
          
        <button onclick="Geeks()">Submit</button> 
          
        <p id="sudo"></p>  
          
        <!-- script content -->
        <script>  
            function Geeks() {  
                var x = document.scripts.length;  
                document.getElementById("sudo").innerHTML =  
                "Number of scripts elements: " + x;  
            }  
        </script>  
          
    </body>  
</html>                                  

Output:
Before Click on the button:

After Click on the button:

Example 2:

<!DOCTYPE html>  
<html>  
    <head>  
        <title>DOM scripts collection</title>  
          
        <style>  
            .gfg {  
                font-size:40px;  
                font-weight:bold;  
                color:green;  
            }  
            body {  
                text-align:center;  
                font-family:Times;  
            }  
        </style>  
    </head>  
      
    <body>  
        <a name="" class="gfg">GeeksforGeeks</a>  
          
        <h2>DOM scripts Collection</h2> 
          
        <!-- script content -->
        <script> 
            document.write("GeeksForGeeks"); 
        </script><br><br> 
          
        <button onclick = "Geeks()">Submit</button>  
          
        <p id="sudo"></p>  
          
        <!-- script content -->
        <script>  
            function Geeks() {  
                var x = document.scripts[0].text;;  
                document.getElementById("sudo").innerHTML =  
                "First script Element: " + x; 
            }  
        </script>  
          
    </body>  
</html>                                          

Output:
Before Click on the button:

After Click on the button:

Supported Browsers: The browser supported by DOM scripts collection are listed below:

Google Chrome
Internet Explorer
Firefox 9.0
Opera
Safari

My Personal Notes

Related Articles