HTML DOM renameNode() Method
In HTML document, the document.renameNode() method is used to rename the nodes. The nodes which are renamed must be of type Element and Attr.
Syntax:
document.renameNode(node, namespaceURI, nodename)
Parameters: The renameNode() pass node, namespaceURI and nodename as parameters.
- node: The parameter node represents the object user wants to rename.
- namespaceURI: The parameter namespaceURI denotes the namespace URI of the node.
- nodename: This parameter specifies the new nodename.
Return Value: This method returns the node object which represents the renamed node.
Example: The below program fetches the first paragraph of the given HTML script and replace its content with “GeeksForGeeks”. It then renames the first paragraph to <h1>.
html
< html >
< body >
< p >hello</ p >
< button onclick="myFunction()">Rename</ button >
< script >
function myFunction() {
var p = document.getElementsByTagName("P")[0]
.innerHTML="GeeksForGeeks";
document.renameNode(p, null, "h1");
}
</ script >
</ body >
</ html >
|
Output: Before Pressing the Button:
After Pressing the Button:
Supported Browser: The major browsers are not supported by DOM renameNode() Method.
Last Updated :
06 Apr, 2023
Like Article
Save Article
Share your thoughts in the comments
Please Login to comment...