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()	否	否	否	否	否

列印頁面