Cours ⇒ Javascript et AJAX facebook twitter youtube

DOM et DHTML ⇒ & Création d'un tableau à partir de données JavaScript



var td = document.createElement("td");

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

td.appendChild(newText);

tr.appendChild(td);

La fonction d'aide createTable() sieurs dimensions. Chaque élément correspond à une liste de valeurs à afficher. Le premier élément de tableau contient le texte de l'en-tête de chaque colonne. On le voit, le code devient de plus en plus long mais la conception de base reste la même et des nœuds de texte, puis vous les annexez les uns aux autres dans l'ordre qui convient.

 

<script language="JavaScript" type="text/JavaScript">
function createTable(data) {
  var table = document.createElement("table");
  var thead = document.createElement("thead");
  var tr = document.createElement("tr");
   for (var i = 0; i < data[0].length; i++) {
    var th = document.createElement("th");
    var newText =document.createTextNode(data[0][i]);
    th.appendChild(newText);
    tr.appendChild(th);
  }
  thead.appendChild(tr);
  table.appendChild(thead);
  var tbody = document.createElement("tbody");
  for (var i = 1; i < data.length; i++) {
    var tr = document.createElement("tr");
    for (var j=0; j < data[i].length; j++) {
      var td = document.createElement("td");
      var newText =
        document.createTextNode(data[i][j]);
      td.appendChild(newText);
      tr.appendChild(td);
    }
    tbody.appendChild(tr);
  }
  table.appendChild(tbody);
  return table;
}
window.onload = function() {
  var table = createTable([
    ["1", "2", "3", "4", "5"],
    ["un", "deux", "trois", "quatre", "cinq"],
    ["one", "two", "three", "four", "five"],
    ["eins", "zwei", "drei", "vier", "fünf"]]);
  document.body.appendChild(table);
}
</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