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。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。