oujood.com

DOM HTML  La méthode createTextNode()

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

chercher |

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 :

Exemple :     📋 Copier 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 :

Exemple :     📋 Copier 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

Voir aussi nos tutoriel :

fonction join, join

Alias de implode

border-top-width

Définit la largeur de la bordure supérieure

Balise d'entete head

Définit les informations sur le document