Cours ⇒ Javascript et AJAX facebook twitter youtube

DOM et DHTML ⇒ & Création d'une liste à puces à partir de données JavaScript



var newItem = document.createElement("li");

var newText = document.createTextNode(data[i]);

newItem.appendChild(newText);

list.appendChild(newItem);

 

L'exemple de code suivant propose une fonction createList() qui attend un tableau, contenant des valeurspour le transformer en liste.

 

<script language="JavaScript" type="text/JavaScript">
function createList(data) {
  var list = document.createElement("ul");
  for (var i = 0; i < data.length; i++) {
    var newItem = document.createElement("li");
    var newText = document.createTextNode(data[i]);
    newItem.appendChild(newText);
    list.appendChild(newItem);
  }
  return list;
}
window.onload = function() {
  var list = createList(
    ["un", "deux", "trois", "quatre", "cinq"]);
  document.body.appendChild(list);
}
</script>

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