HTML DOM Table tBodies Collection

HTMLCollection item() Method

Last Updated : 10 Aug, 2022

The item() method is used to return the content of element at the given index of the collection of all HTML element. The index starts from zero(0). The elements in the collection are sorted in the order as they appear in the sourcecode.

Syntax:

HTMLCollection.item(index)

OR

HTMLCollection[index]

Parameters: It contains a number that represents the index of the element that the user wants to return. The index starts from 0.

Example-1:

html

<!DOCTYPE html>
<html>

<head>
    <style>
        h1 {
            color: green;
        }
    </style>
</head>

<body>
    <center>
        <h1>GeeksForGeeks</h1>
        <h2>HTMLCollection item() Method</h2>

        <button onclick="Geeks()">Submit</button>

        <script>
            function Geeks() {
                var w = document.getElementsByTagName("h1");
                alert(w.item(0).innerHTML);
            }
        </script>

</body>

</html>

Output:

Before clicking on the button:

After clicking on the button:

Example-2: To change the content of an HTML Element.

html

<!DOCTYPE html>
<html>

<head>
    <style>
        h1 {
            color: green;
        }
    </style>
</head>

<body>
    <center>
        <h1>GeeksForGeeks</h1>
        <h2>HTMLCollection item() Method</h2>
        <p>geeforgeefs</p>
        <button onclick="Geeks()">Submit</button>

        <script>
            function Geeks() {
                document.getElementsByTagName("P")[0].innerHTML = 
                                                  "GeeksForGeeks";
            }
        </script>

</body>

</html>

Output:

Before clicking on the button:

After clicking on the button:

Supported Browsers: The browser supported by HTMLCollection item() Method are listed below:

Google Chrome 1
Edge 12
Internet Explorer 8
Firefox 1
Opera 12.1
Safari 1

HTML DOM Table tBodies Collection

M

manaschhabra2

Improve

Article Tags :

Practice Tags :

Misc

Similar Reads

CSSStyleDeclaration item() Method

The item() method is used to return the property name of CSS from a CSS declaration block through index. Syntax: style.item(index) Parameters: It accepts a single parameter: index: It is a required parameter that contains a number which represents the index of the CSS property. Return Value: It retu

HTML DOM Table tBodies Collection

The Table tBodies collection is used for returning the collection of all the <tbody> elements in a table. The sequence of the <body> elements are sorted in the same way as their position in the source code. Syntax:tableObject.tBodiesProperties:length: It returns the number of <tbody

HTML Collection for Loop

An HTMLCollection for loop is used to iterate over a collection of HTML elements, like those returned by getElementsByTagName() or getElementsByClassName(). Use a for loop, for...of the loop, or convert the collection to an array with Array.from() for easy iteration.Note: It is not recommended to us

HTML DOM forms Collection

The DOM forms collection is used to return the collection of all <form> elements in a HTML document. The form elements are sorted as they appear in the source code. Syntax: document.forms Properties: It returns the number of form in the collection of elements. Methods: The DOM forms collection

Nested List in HTML

A nested list in HTML is a list that contains other lists within its list items. This creates a hierarchical structure, where each sublist is indented to visually represent its relationship to the parent list item. 1. Nested Unordered List in HTMLAn unordered list in HTML is a collection of items re

HTML DOM Form elements Collection

The Form element collection in HTML DOM is used to set or return the collection of all <input> elements inside a form element. The <input> elements are sorted as they appear in the source code. Syntax: formObject.elements Properties: It returns a number of input elements inside the <f

HTML DOM Datalist options Collection

The Datalist Options Collection is used to set or return the collection of all options value in a datalist. The elements in the collection are in sorted order. Syntax: datalistObject.optionsProperties: length: It returns a number of <option> element in the collection. It is read only Property.

HTML DOM TableRow cells Collection

The HTML DOM TableRow cells Collections is used to return all the total number of cells of a particular row in the table. It includes all the <td> and <th> element. The sequence of the <tr> elements is sorted in the same way as their position in the source code. Syntax: tableObject

HTML DOM applets Collection

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.ap

HTML DOM anchors Collection

The HTML DOM anchors collection is used to return the collection of all <a> elements. It only counts those <a> element that has the name attribute only. The name attribute of the anchor element does not support HTML 5. The elements in the collection are sorted that appear in the source c