Creation table dynamiqe avec javascript

Bonjour à tous
je sais que pour construire un bouton select dynamiquement on fait:

function liste(Data) {

        var Options = Data.getElementsByTagName("balise_xml_name");

        var Select  = document.getElementById("id_select");

        

        Select.innerHTML = "";

        for(var i=0,c=Options.length;i<c;i++) {

                var Option = document.createElement("option");

                Option.value = Options[i].getAttribute("value");

                Select.appendChild(Option);

                Option.innerHTML = Options[i].firstChild.nodeValue;

        }

}


mon problème est que je veux afficher mes données dans une table au
lieu d'un bouton select,j ai essayé de modifier ce code si dessus mais
j'ai pas reussi quelqu'un peut m'aider?
Configuration: Windows XP
Firefox 2.0.0.15

1 réponse

  1. ta question n'est pas très claire je trouve mais j'ai essayé de faire quelque chose ...

    function liste(Data) {
    
            var Options = Data.getElementsByTagName("balise_xml_name");
    
            var Table= document.getElementById("id_table");
    
            Table.innerHTML = "";
            var Tr = new Array();
    
            for(var i=0,c=Options.length;i<c;i++) {
    
                    var Tr[3i]= document.createElement("tr");
    
                    var Tr[3i+1]= document.createElement("td");
                    Tr[3i+1].innerHTML = Options[i].getAttribute("value");
                    Tr[3i].appendChild(Tr[3i+1]);
    
                    var Tr[3i+2]= document.createElement("td");
                    Tr[3i+2].innerHTML = Options[i].firstChild.nodeValue;
                    Tr[3i].appendChild(Tr[3i+2]);
    
                    Table.appendChild(Tr[3i]);
    
     
            }
    
    }
    0
    1. merci pour votre reponse. ça n a pas marché chez moi, d autant plus j ai compri pour quoi les 3i+1 dans les tr?
      0
    2. @lilaaaj'aurai pu faire 1 array de tr et 2 array de td mais j'ai plutot décidé de faire une seul array regroupant les 3

      par contre j'ai oublié de modifier ça
      for(var i=0,c=Options.length;i<c;i++) {

      pour mettre
      for(var i=0,c=Options.length;i<c;i+=3) {
      0
    3. @nEm3sis:-( ça n a pas marché aussi..j ai effacé la table et j'ai mis un div a la place; ça a marché mais l affichage reste à désirer...
      0