DOM HTML  La méthode createTextNode()

.....

Définition et utilisation méthode createTextNode()

JavaScript cours tutorial

createTextNode() crée un nœud de texte avec le texte spécifié.

La méthode Javascript createTextNode(données) génère un nœud de texte. Le paramètre  « données » est la chaîne qui spécifie le contenu du noeud de texte.

navigateur Appui de

Internet Explorer Firefox Opera Google Chrome Safari

La méthode createTextNode() est prise en charge dans tous les principaux navigateurs.

Syntaxe

document.createTextNode(text)

Paramètres

Paramètre Type Description
text String Obligatoire. Le trxte à afficher

Exemple Créer un nœud de texte :

Sélectionner le code

  <!doctype html>
  <html lang="fr">
  <head>
           <meta charset="UTF-8">
           <title> Exemple créer le texte </title>
  </head>
  <body>
      <p id="demo">Clique le bouton pour créer l'élément.</p>
  <button onclick="myFunction()"> CRÉER </button>
  <script>
  function myFunction()
  {
  var t=document.createTextNode("Voici le texte à afficher");
  document.body.appendChild(t);
  };
  </script>
  </body>
  </html>

 

Éléments HTML se compose souvent d’un nœud  élément  et un nœud  texte.

Pour créer un paragraphe (p), vous devez créer les deux un élément <p></p> et un nœud texte :

Exemple Créer un paragraphe :

Sélectionner le code

  <!doctype html>
  <html lang="fr">
  <head>
           <meta charset="UTF-8">
           <title> Exemple créer le texte </title>
  </head>
  <body>
      <p id="demo">Clique le bouton pour créer l'élément.</p>
  <button onclick="myFunction()"> CRÉER </button>
  <script>
  function myFunction()
  {
  var parag=document.createElement("p");
  var t=document.createTextNode(" Voici le texte à afficher dans ce paragraphe");
  parag.appendChild(t);
  document.body.appendChild(parag);
  };
  </script>
  </body>
  </html>

 
Par carabde 30 mars 2014