Document.createTextNode()

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

Sintaxis

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

<!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 Estado Comentario
DOM
La definición de 'Document: createTextNode' en esta especificación.
Living Standard  

Compatibilidad con navegadores

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome para AndroidFirefox para AndroidOpera para AndroidSafari en iOSSamsung Internet
createTextNodeChrome Soporte completo 1Edge Soporte completo 12Firefox Soporte completo 1IE Soporte completo 5Opera Soporte completo 7Safari Soporte completo 1WebView Android Soporte completo 1Chrome Android Soporte completo 18Firefox Android Soporte completo 4Opera Android Soporte completo 10.1Safari iOS Soporte completo 1Samsung Internet Android Soporte completo 1.0

Leyenda

Soporte completo  
Soporte completo