Skip to content
Related Articles

Related Articles

HTML | DOM removeNamedItem() Method
  • Last Updated : 23 Jul, 2019
GeeksforGeeks - Summer Carnival Banner

The removeNamedItem() method in HTML is used to remove the node with the specified name in a namednode object.

Syntax:

namednode.removeNamedItem( nodename )

Parameter: The removeNamedItem() conatain only one parameter nodename that is described below.

  • nodename: This method accepts single parameter nodename which is mandatory. It refers to the name of the node in the namednode which need to remove.

Example:




<!DOCTYPE html>
<html>
    <head>
        <title>
            DOM removeNamedItem() Method
        </title>
        <script>
            function myFunction() {
                var button = 
                    document.getElementsByTagName("INPUT")[0];
                button.attributes.removeNamedItem("type");
            }
        </script>
    </head>
      
    <body style = "text-align: center;">
          
        <h1 style = "color: green">
            GeeksforGeeks
        </h1>
          
        <h2>
            DOM removeNamedItem() Method
        </h2>
          
        <input type="button" value="Change It!">
          
        <!-- removeNamedItem() method used here -->
        <button onclick="myFunction()">
            Click Here!
        </button>
    </body>
</html>                    

Output:
Before click on the Click Here Button:
removeNamedItem



After click on the Click Here Button:
removeNamedItem2

Note: When we are removing the type attribute of an input element, then the element will be of type text, which is the default value.

Supported Browsers: The browser supported by removeNamedItem() method are listed below:

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Opera
  • Safari

full-stack-img

My Personal Notes arrow_drop_up
Recommended Articles
Page :