Cours ⇒ Javascript et AJAX facebook twitter youtube

DOM et DHTML ⇒ & Création d'éléments de texte



6 Création d'éléments de texte

var newTextNode = document.createTextNode("Item " + nr);

 

Pour placer du texte dans un élément, il faut un nœud de texte qui soit un sous-élément du nœud réel. La méthode createTextNode() crée ce nœud de texte ; il vous suffit de fournir le texte lui-même.

Dans le code suivant, les éléments de liste sont à nouveau ajoutés mais, cette fois-ci, ils contiennent du texte. Vous créez donc d'abord un nœud de texte, puis vous l'ajoutez à un autre nœud (qui peut ensuite être ajouté à un autre nœud, qui peut ensuite être ajouté à un autre nœud…Vous avez compris l'idée).

 

<body>

<script language="JavaScript"  type="text/JavaScript">
var nr = 1;
function addProduit() {
  var list = document.getElementById("list");
  var newNode = document.createElement("li");
  nr++;
  var newTextNode =
    document.createTextNode("Produit " + nr);
  newNode.appendChild(newTextNode);
  list.appendChild(newNode);
}
</script>
<ul id="list"><li>Produit  1</li></ul>
<input type="button" onclick="addProduit();"
  value="Ajouter un produit" />
</body>

Changer le fond
Oregionale Skin
7astuces
Sélectionnez un Fond (11)
7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces
Fond de contenu
7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces