MDN Web Docs

Syntax

js

createTextNode(data)

Parameters

data

A string containing the data to be put in the text node.

Return value

A Text node.

Examples

html

<button>YES!</button>
<button>NO!</button>
<button>WE CAN!</button>
<hr />
<p id="p1">First line of paragraph.</p>

js

function addTextNode(text) {
  const newText = document.createTextNode(text);
  const p1 = document.getElementById("p1");
  p1.appendChild(newText);
}
document.querySelectorAll("button").forEach((button) => {
  button.addEventListener("click", (event) => {
    addTextNode(`${event.target.textContent} `);
  });
});

Specifications

Specification
DOM
# ref-for-dom-document-createtextnodeâ‘ 

Browser compatibility

Help improve MDN

Yes No

Learn how to contribute

This page was last modified on by MDN contributors.

Read the original on developer.mozilla.org ↗