HTML DOM applets Collection

Last Updated : 13 Jun, 2023

The applets collection would return a collection of all possible elements available in the HTML document object model. Initially the element was used to embed the Java application with HTML DOM. Soon after the Javascript plugins were introduced, the applet element was deprecated.

Syntax:

document.applets

Property values:

length: The length property value would return the total number of elements present in the specified collection.

Note: This property is an absolute read-only property.

Method:

index: The [index] method would return the element from the collection with the defined index that starting from 0.
Note: It would return null if the index number is out of the stipulated range.
item(index): The item(index) method would return the element from the collection with the defined index that starting from 0.
Note: It would return null if the index number is out of the stipulated range.
namedItem(id) : The namedItem(id) method would return the element from the collection with the mentioned id.
Note: It would return null if the id found does not seems to exist.

Return Value: The return value of applets collections would be an HTML Collection Object, with the characteristics of all elements in the document object model. The elements in the collection are arranged as they would appear in the source code.
Note: The applets collection element is not compatible with recent versions of HTML5.

Example:

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
      HTML DOM applets Collection  
  </title> 
</head> 
  
<body> 
  
    <h1 style="color:green;width:100%">  
                GeeksForGeeks  
            </h1> 
  
    <h2> 
      HTML DOM applets Collection 
  </h2> 
    <br> 
    <p id="Geeks"> 
        A Computer Science Portal for GEEKS 
  
    </p> 
    <button type="button" 
            onclick="geeks()"> 
        applets 
    </button> 
  
    <script> 
        function geeks() { 
            var g = document.applets.length; 
            
            document.getElementById( 
              "Geeks").innerHTML = g.toString(); 
        } 
    </script> 
</body> 
  
</html> 