Método createTextNode() do Documento HTML DOM

Definição e uso

createTextNode() O método cria nó de texto.

Veja também:

Método createElement() do Documento

Método appendChild() do Elemento

Método insertBefore() do Elemento

O elemento HTML é nó

Todos os elementos HTML são nós.

O elemento é nó. O atributo é nó. O texto é nó.

Alguns elementos contêm outros nós.

Alguns elementos contêm nós de texto.

Alguns elementos contêm nós de atributo.

instância

exemplo 1

Crie um nó de texto e o anexe ao documento:

let textNode = document.createTextNode("Hello World"); document.body.appendChild(textNode);

Experimente você mesmo

exemplo 2

Crie um elemento <h1> com nó de texto:

const h1 = document.createElement("h1");
const textNode = document.createTextNode("Hello World");
h1.appendChild(textNode);

Experimente você mesmo

exemplo 3

Crie um elemento <p> com nó de texto:

const para = document.createElement("p");
const textNode = document.createTextNode("Hello World");
para.appendChild(textNode);

Experimente você mesmo

sintaxe

document.createTextNode(data)

parâmetro

parâmetro descrição
data obrigatório. O texto do nó.

retorno

tipo descrição
nó novo nó de texto criado, representando o data cadeia de caracteres.

suporte do navegador

document.createTextNode() é uma característica do DOM Level 1 (1998).

Todos os navegadores suportam isso:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
suporte 9-11 suporte suporte suporte suporte