Esta página ha sido traducida del inglés por la comunidad. Aprende más y únete a la comunidad de MDN Web Docs.

View in English Always switch to English

Document.createTextNode()

Baseline
Ampliamente disponible

Esta característica está consolidada y funciona en muchos dispositivos y versiones de navegador. Está disponible en todos los navegadores desde julio de 2015.

Crea un nuevo nodo de texto. Este método puede ser usado para escapar caracteres HTML.

Sintaxis

js
var text = document.createTextNode(data);
  • text es un nodo Text.
  • data es una cadena de texto string que contiene los datos a poner en el nodo de texto.

Ejemplo

html
<!doctype html>
<html lang="en">
  <head>
    <title>createTextNode example</title>
    <script>
      function addTextNode(text) {
        var newtext = document.createTextNode(text),
          p1 = document.getElementById("p1");

        p1.appendChild(newtext);
      }
    </script>
  </head>

  <body>
    <button onclick="addTextNode('YES! ');">YES!</button>
    <button onclick="addTextNode('NO! ');">NO!</button>
    <button onclick="addTextNode('WE CAN! ');">WE CAN!</button>

    <hr />

    <p id="p1">First line of paragraph.</p>
  </body>
</html>

Especificaciones

Especificación
DOM
# ref-for-dom-document-createtextnode①

Compatibilidad del Navegador