HTML | DOM embeds Collection

The DOM embeds collection property is used to return the collection of all embedded element. The elements in the collection are sorted that appear in the sourcecode. This property is used for read-only.

Syntax:

document.embeds

Property: This property contains a value length which returns the number of elements in the document.

Methods: The DOM embeds collection contains three methods which are given below:

[index]: It is used to return the 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 <embed> 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 returns the <embed> element from the collection with given id attribute. It returns NULL if the id is not valid.

Example:

<!DOCTYPE html> 
<html> 
    <head> 
        <title>DOM embeds Collection</title> 
        <style> 
            h1 { 
                color:green; 
                font-weight:bold; 
            } 
            body { 
                text-align:center; 
            } 
        </style> 
    </head> 
    <body> 
        <h1>GeeksForGeeks</h1> 
        <h2>DOM embeds Collection</h2> 
        <embed src="geeksforgeeks.swf"> 
        <embed src="geeksforgeeks.swf"> 
        <button onclick="geeks()">Submit</button> 
        <p id="sudo"></p> 
        <script> 
            function geeks() { 
                var x = document.embeds.length; 
                document.getElementById("sudo").innerHTML =  
                        "Number of embed Element is:" + x; 
            } 
        </script> 
    </body> 
</html>                                 

Output:

Supported Browsers: The browser supported by DOM embeds Collection property are listed below:

Apple Safari
Google Chrome
Firefox
Opera
Internet Explorer

My Personal Notes

Jun	JUL	Aug
	16
2018	2019	2020

Suggest a Topic

Recommended Posts: