HTML - DOM 文档 renameNode() 方法

HTML DOM 文档renameNode()方法用于重命名节点。重命名的节点类型应为 Element 和 Attr。此方法已弃用。

语法

document.renameNode(node, namespaceURI, nodename);

参数

此方法采用以下三个参数，如下所示：

参数	描述
node	它代表您想要重命名的节点。
namespaceURI	它代表节点的命名空间 URI。
nodename	它代表节点的新节点名称。

返回值

它返回已重命名的节点。

HTML DOM 文档“renameNode()”方法示例

以下是 renameNode() 方法的一些示例：

重命名<h1> 节点

在给定的示例中，我们将“H1”节点重命名为“tp”，并显示一条消息。

<!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>

重命名<span> 节点

在给定的示例中，我们将“span”节点重命名为“msg”，并显示一条消息。

<!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>

支持的浏览器

方法
renameNode()	否	否	否	否	否

打印页面