HTML DOM renameNode()用法及代碼示例

在HTML文檔中，document.renameNode()方法用於重命名節點。重命名的節點必須是Element和Attr類型。

用法:

document.renameNode(node, namespaceURI, nodename)

參數：renameNode()將節點，名稱空間URI和節點名作為參數傳遞。

node：參數節點代表用戶想要重命名的對象。
namespaceURI：namespaceURI參數表示節點的名稱空間URI。
nodename：此參數指定新的節點名。

返回值：此方法返回代表重命名節點的節點對象。

例：以下程序獲取給定HTML腳本的第一段，並將其內容替換為“GeeksForGeeks”。然後將第一段重命名為<h1>。

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

輸出：
按下按鈕之前：

按下按鈕後：

支持的瀏覽器：DOM renameNode()方法不支持主要的瀏覽器。

相關用法

注：本文由純淨天空篩選整理自chaitanyashah707大神的英文原創作品 HTML | DOM renameNode() Method。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。