HTML - DOM Document renameNode() Method

Quiz

HTML DOM document renameNode() Method is used to rename the nodes. Reanmed nodes should be of type Element and Attr. This method is deprecated.

Syntax

document.renameNode(node, namespaceURI, nodename);

Parameter

This method takes following three parameters which are listed below

Parameters	Description
node	It reprsents the node which you want to rename.
namespaceURI	It represents namespace URI of the node.
nodename	It represents the new nodename for the node.

Return value

It returns the renamed node.

Examples of HTML DOM Document 'renameNode()' Method

Here are few examples of renameNode() Method

Renaming <h1> node

In the given example, we have renamed the 'H1' node to 'tp' and a message is shown.

<!DOCTYPE html>
<html lang="en">
<head>
    <title>HTML DOM document renameNode() Method</title>
</head>
<body>
    <button onclick="fun()">Click me</button>
    <h1>Example</h1>
    <p>Welcome to Tutorial Point...</p>
    <script>
        function fun() {
            let p = document.getElementsByTagName("h1")[0]
                .innerHTML = "Tutorials Point";
            document.renameNode(h1, null, "tp");
        }
    </script>
</body>
</html>

Renaming <span> node

In the given example, we have renamed the 'span' node to 'msg' and a message is shown.

<!DOCTYPE html>
<html lang="en">
<head>
    <title>HTML DOM document renameNode() Method</title>
</head>
<body>
    <button onclick="fun()">Click me</button>
    <section></section>
    <script>
        function fun() {
            let p = document.getElementsByTagName("section")[0]
                .innerHTML = "Tutorials Point";
            document.renameNode(section, null, "msg");
        }
    </script>
</body>
</html>

Supported Browsers

Method
renameNode()	No	No	No	No	No

Print Page