Open In App
Related Articles

HTMLCollection namedItem() Method

Improve Article
Improve
Save Article
Save
Like Article
Like

The namedItem() Method is used to return the element with having the specified ID, OR, name or content in an HTML element collection in the document.

Syntax: 
 

HTMLCollection.namedItem(name)

OR  

HTMLCollection[name]

Parameters: It contains the name as its parameters values which represent the ID OR name attribute that the user want to return.

Return Value: It returns  an Element object, representing the element at with specified ID or name. otherwise, it returns null if the element does not exist.

Example: 

html




<!DOCTYPE html>
<html>
 
<head>
    <style>
        h1 {
            color: green;
        }
    </style>
</head>
 
<body>
    <center>
        <h1>GeeksForGeeks</h1>
        <h2>HTMLCollection namedItem() Method</h2>
 
        <p id="GFG">
          The namedItem() method is used to return
          the content of the element with the specified
          ID or name Attribute values
        </p>
 
 
 
        <button onclick="Geeks()">Submit</button>
 
        <script>
            function Geeks() {
                var w =
                    document.getElementsByTagName("P").namedItem("GFG");
                alert(w.innerHTML);
            }
        </script>
    </center>
</body>
 
</html>

Output: 

Before clicking the button:

After clicking on Submit:  

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

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

Last Updated : 10 Aug, 2022
Like Article
Save Article
Similar Reads
Related Tutorials