Cours ⇒ Javascript et AJAX facebook twitter youtube

DOM et DHTML ⇒ & Modifications de fragments HTML



list.innerHTML += newNode;

Quand vous modifiez des nœuds de texte (soit en les remplaçant, soit en utilisant la propriété nodeValue), la modification ne porte que sur le texte lui-même, mais pas sur des fragments HTML complets, notamment des sous-éléments. Pour ce faire, la propriété innerHTML

de chaque élément peut se révéler utile. Même si elle n'est pas standardisée et ne fait pas partie d'une spécification DOM, elle fonctionne bien. Avec elle, vous pouvez modifier le code

HTML interne de n'importe quel élément HTML, voire fournir de nouveaux sous-éléments, comme le montre le listing suivant :

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

 

innerHTML nécessite que vous vous occupiez du codage des caractères par vous-même, mais vous permet par ailleurs d'ajouter ou de modifier plusieurs éléments à la fois


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