HTMLCollection namedItem() Method
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
Please Login to comment...