Méthode createTextNode() du Document HTML DOM

Définition et utilisation

createTextNode() La méthode crée un noeud de texte.

Voir également :

Méthode createElement() du document

Méthode appendChild() de l'élément

Méthode insertBefore() de l'élément

Les éléments HTML sont des noeuds

Tous les éléments HTML sont des noeuds.

Un élément est un noeud. Un attribut est un noeud. Un texte est un noeud.

Certains éléments contiennent d'autres noeuds.

Certains éléments contiennent des noeuds de texte.

Certains éléments contiennent des noeuds d'attribut.

Exemple

Exemple 1

Créez un noeud de texte et l'ajoutez au document :

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

Essayez-le vous-même

Exemple 2

Créez un élément <h1> avec un noeud de texte :

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

Essayez-le vous-même

Exemple 3

Créez un élément <p> avec un noeud de texte :

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

Essayez-le vous-même

syntaxe

document.createTextNode(data)

paramètres

paramètres description
data obligatoire. Le texte du noeud.

valeur de retour

type description
noeud Un noeud de texte nouvellement créé représente le data chaîne de caractères.

support du navigateur

document.createTextNode() C'est une caractéristique du niveau DOM 1 (1998).

Tous les navigateurs le supportent :

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
supporté 9-11 supporté supporté supporté supporté