Document : méthode createTextNode() - Les API Web | MDN
Baseline
Widely available
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.
La méthode createTextNode() de l'interface Document crée un nouveau nœud Text. Cette méthode peut être utilisée pour échapper les caractères HTML.
Syntaxe
Paramètres
data-
Une chaîne de caractères contenant les données à placer dans le nœud de texte.
Valeur de retour
Un nœud Text.
Exemples
html
<button>OUI !</button>
<button>NON !</button>
<button>NOUS POUVONS !</button>
<hr />
<p id="p1">La première ligne du paragraphe.</p>
js
function addTextNode(text) {
const nouveauTexte = document.createTextNode(text);
const p1 = document.getElementById("p1");
p1.appendChild(nouveauTexte);
}
document.querySelectorAll("button").forEach((button) => {
button.addEventListener("click", (event) => {
addTextNode(`${event.target.textContent} `);
});
});
Spécifications
| Specification |
|---|
| DOM # ref-for-dom-document-createtextnode① |