Tutorialspoint.dev

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


This article is attributed to GeeksforGeeks.org

leave a comment

code

0 Comments

load comments

Subscribe to Our Newsletter