Skip to content
Related Articles

Related Articles

HTML | DOM item() Method

View Discussion
Improve Article
Save Article
Like Article
  • Difficulty Level : Hard
  • Last Updated : 16 Jun, 2022

The item() method is used to return the node at the specified index. The nodes are sorted as they appear in the source code. The index of the node list starts with 0. 

Syntax:

nodelist.item( index )

or

nodelist[ index ] 

Parameters: This method accepts single parameter index which is used to hold the index of node which need to return. It is required parameter and the index starts with 0. 

Return Value: This method returns the node at specified index. 

Example: 

html




<!DOCTYPE html>
<html>
 
<head>
    <title>
        HTML DOM item() Method
    </title>
 
    <!-- script to change node value -->
    <script>
        function changeElement() {
            var gfg = document.getElementById("geeks");
 
            gfg.getElementsByTagName("P")[1].innerHTML =
                             "Welcome to GeeksforGeeks!";
        }
    </script>
</head>
 
<body>
    <center>
        <div id="geeks">
            <h1 style="color:green;">GeeksforGeeks</h1>
            <p>A computer science portal</p>
            <p>DOM item() Method</p>
        </div>
 
        <button onclick="changeElement()">
            Click Here!
        </button>
    </center>
</body>
 
</html

Output: Before Click on the button:

 

After Click on the button:

  

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

  • Google Chrome 1 and above
  • Edge 12 and above
  • Internet Explorer 5 and above
  • Firefox 1 and above
  • Opera 12.1 and above
  • Safari 1 and above


My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!