Skip to content
Related Articles

Related Articles

Improve Article

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

Attention reader! Don’t stop learning now. Get hold of all the important Comcompetitivepetitve Programming concepts with the Web Design for Beginners | HTML  course.




My Personal Notes arrow_drop_up
Recommended Articles
Page :