metodo createTextNode() del Documento HTML DOM

definizione e uso

createTextNode() il metodo crea un nodo di testo.

per ulteriori informazioni:

metodo createElement() del Documento

metodo appendChild() dell'Elemento

metodo insertBefore() dell'Elemento

l'elemento HTML è un nodo

tutti gli elementi HTML sono nodi.

l'elemento è un nodo. L'attributo è un nodo. Il testo è un nodo.

alcuni elementi contengono altri nodi.

alcuni elementi contengono nodi di testo.

alcuni elementi contengono nodi di attributo.

esempio

esempio 1

crea un nodo di testo e aggiungilo al documento:

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

prova a fare tu stesso

esempio 2

crea un elemento <h1> con un nodo di testo:

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

prova a fare tu stesso

esempio 3

crea un elemento <p> con un nodo di testo:

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

prova a fare tu stesso

sintassi

document.createTextNode(data)

parametro

parametro descrizione
data obbligatorio. Il testo del nodo.

valore di ritorno

tipo descrizione
nodo un nodo di testo nuovo creato, che rappresenta il data stringa.

supporto del browser

document.createTextNode() è una caratteristica DOM Level 1 (1998).

Tutti i browser lo supportano:

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