HTML DOM item() Method

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 )

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("Beginner"); 
  
            gfg.getElementsByTagName("P")[1].innerHTML =  
                             "Welcome to w3wiki!"; 
        } 
    </script> 
</head> 
  
<body> 
    <center> 
        <div id="Beginner"> 
            <h1 style="color:green;">w3wiki</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

Tags:

#Web Technologies

HTML ondrop Event Attribute

HTML DOM Style borderRight Property

HTML DOM item() Method

html

Contact Us