HTML DOM getNamedItem() Method

Last Updated : 30 Aug, 2024

The DOM getNamedItem() method in HTML is used to return the attribute node from the NamedNodeMap object.

Syntax:

namednodemap.getNamedItem( nodename )

Parameter's Value: This method contains a single parameter nodename which is mandatory. The nodename is returned from the NamedNodeMap object.

Return Value: It returns a Node object, which represents the attribute node with the specified name

Example: In this example, we will getNamedItem() method.

HTML

<!DOCTYPE html>
<html>

<head>
    <title>
        DOM getNamedItem() Method
    </title>
    <script>
        /* main function */
        function MyGeeks() {
            let ele = document.getElementsByTagName("button")[0];
            let item = ele.attributes.getNamedItem("onclick").value;
            document.getElementById("geeks").innerHTML = item;
        }
    </script>
</head>

<body style="text-align:center">
    <h2>DOM getNamedItem() Method</h2>
    <p>
        Click on the button to know the
        value of onclick attribute
    </p>
    <button onclick="MyGeeks()">
        Click Here!
    </button>
    <p id="geeks"></p>
</body>

</html>

Output:

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

K

KV30

Improve

Article Tags :

Similar Reads

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 )ornodelist[ index ] Parameters: This method accepts single parameter index which is used to hold the ind

HTML DOM Style borderRight Property

The DOM style borderRight property is used to set or return the three different border-right properties such as border-right-width, border-right-style, and border-right-color of an element. Syntax: It returns the borderRight Property.object.style.borderRightIt is used to set the borderRight property

HTML DOM Style borderTop Property

The DOM style borderTop property is used to set or return the three different border-top property such as border-top-width, border-top-style, and border-top-color of an element. Syntax: It returns the borderTop property. object.style.borderTopIt is used to set the borderTop property. object.style.bo

HTML DOM documentElement Property

The DOM documentElement property is used to return the documentElement as an Element Object. It is a read-only property. It returns a <HTML> Element. Syntax:document.documentElement Return Value: It returns the documentElement of the document or an element object. Example: Below program illust

HTML DOM Style borderLeft Property

HTML DOM Style borderLeft property allows manipulation of the left border style of an element via JavaScript. It controls the border's width, style, and color, affecting the element's visual presentation and layout. HTML DOM Style borderLeft Property Syntax:Get the borderLeft Property.object.style.b

HTML DOM setNamedItem() Method

The setNamedItem() method is used to add a particular node to an attribute node using its name. These attribute nodes are collectively called as namedNodeMap. It can be accessed through a name. If a node is already present in the document, it will replace it and return the updated value. The setName

HTML DOM scripts Collection

The DOM scripts Collection in HTML is used to return the collection of all <script> elements in an HTML document. The script elements are sorted as appear in the sourcecode.Â Syntax: document.scripts Property Value: It returns the single value length which is the collection of all script eleme

HTML DOM getElementsByName() Method

The getElementsByName() method returns collection of all elements of particular document by name. This collection is called node list and each element of the node list can be visited with the help of the index. Syntax: document.getElementsByName(name) Parameter:This function accepts name of document

HTML DOM getElementById() Method

The getElementById() method returns the elements that have given an ID which is passed to the function. This function is a widely used HTML DOM method in web designing to change the value of any particular element or get a particular element. If the passed ID to the function does not exist then it r

HTML DOM getElementsByClassName() Method

The getElementsByClassName() method in Javascript returns an object containing all the elements with the specified class names in the document as objects. Each element in the returned object can be accessed by its index. The index value will start with 0. This method can be called upon by any indivi