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() contains only one parameter nodename that is described below.
- nodename: This method accepts a single parameter nodename which is mandatory. It refers to the name of the node in the namednode which needs to remove.
Return Value: It returns a Node object that, represents the removed attribute node
Example: In this example, we will use removeNamedItem() method
HTML
<!DOCTYPE html><html>
<head>
<title>
DOM removeNamedItem() Method
</title>
</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>
<script>
function myFunction() {
let button =
document.getElementsByTagName("INPUT")[0];
button.attributes.removeNamedItem("type");
}
</script>
</body>
</html>
|
Output:
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 the removeNamedItem() method are listed below:
- Google Chrome 1
- Edge 12
- Internet Explorer 6
- Firefox 1
- Opera 12.1
- Safari 1