HTML | Método DOM renameNode()

En el documento HTML, el método document.renameNode() se usa para cambiar el nombre de los Nodes. Los Nodes que se renombran deben ser de tipo Element y Attr.

Sintaxis:

document.renameNode(node, namespaceURI, nodename)

Parámetros : el renameNode() pasa el Node, el URI del espacio de nombres y el nombre del Node como parámetros.

  • Node : el parámetro Node representa el objeto que el usuario desea cambiar de nombre.
  • namespaceURI : el parámetro namespaceURI indica el URI del espacio de nombres del Node.
  • nodename : este parámetro especifica el nuevo nombre de Node.

Valor devuelto : este método devuelve el objeto de Node que representa el Node renombrado.

Ejemplo : el siguiente programa obtiene el primer párrafo del script HTML dado y reemplaza su contenido con «GeeksForGeeks». Luego cambia el nombre del primer párrafo a <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>                                  

Salida:
Antes de presionar el botón:

Después de presionar el botón:

Navegador compatible: Los principales navegadores no son compatibles con el método DOM renameNode() .

Publicación traducida automáticamente

Artículo escrito por chaitanyashah707 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *