HTML | Método DOM createTextNode()

El método createTextNode() se usa para crear un TextNode que contiene un Node de elemento y un Node de texto. Se utiliza para proporcionar texto a un elemento. Este método contiene los valores de texto como parámetro que es de tipo string.
Sintaxis: 
 

document.createTextNode( text )

Parámetros: este método acepta texto de parámetro único que es obligatorio. Se utiliza para especificar el texto del Node de texto.
Ejemplo: 
 

html

<!DOCTYPE html>
<html>
    <head>
        <title>DOM createTextNode() Method</title>
        <style>
            h1, h2 {
                color:green;
                font-weight:bold;
            }
            body {
                text-align:center;
            }
        </style>
    </head>
    <body>
        <h1>GeeksForGeels</h1>
        <h2>DOM createTextNode() Method</h2>
        <button onclick="geeks()">Submit</button>
        <script>
            function geeks() {
                var x =
                    document.createTextNode("GeeksForGeeks");
                document.body.appendChild(x);
            }
        </script>
    </body>
</html>                   

Producción: 

Antes de hacer clic en el botón:

Después de hacer clic en el botón:
 

Navegadores compatibles: los navegadores compatibles con el método DOM createTextNode()  se enumeran a continuación: 
 

  • Google cromo 1
  • Borde 12
  • explorador de Internet 5
  • Firefox 1
  • Ópera 7
  • Safari 1

Publicación traducida automáticamente

Artículo escrito por ManasChhabra2 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 *