Cours ⇒ Javascript et AJAX facebook twitter youtube

DOM et DHTML ⇒ & Remplacement d'éléments



list.replaceChild(newNode, list.firstChild);

Si vous supprimez un nœud et que vous en insériez un autre à la même place, la méthode replaceChild() vous évite d'insérer une partie du codage. Vous indiquez le nouveau et l'ancien nœud et JavaScript fait le reste pour vous. N'oubliez pas que vous devez appeler cette méthode à partir de l'élément parent de l'ancien et du nouveau nœud !

 

<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.replaceChild(newNode, list.firstChild);
}

</script>
<ul id="list"><li>Produit  1</li></ul>
<input type="button" onclick="addProduit();" value="Replace item" />
</body>

Le code qui précède remplace le premier enfant (nœud) de la liste par un nouveau nœud.


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