Bouton de création de code HTML

Question

Je souhaite créer une table dans laquelle des lignes seront ajoutées lorsqu'un bouton est enfoncé. Est-ce qu'il y a un moyen de faire ça? J'ai regardé en ligne et n'ai pas été capable de trouver quelque chose.

EDIT: Je suis à la recherche d'une solution qui utilise Javascript pour ajouter du code HTML quand on appuie sur un bouton. Je ne sais pas si c'est faisable, car je suis nouveau sur Javascript. Je veux avoir une table avec des rangées de champs de texte, et ai une nouvelle rangée avec des champs de texte être ajoutée à la table quand un bouton est pressé.

Answer 1

Je suppose que vous avez besoin de JavaScript pour ajouter des lignes à votre table. J'ai mis en place une démo au http://jsfiddle.net/kbsvd/ qui pourrait vous aider.

function addRow() { 
    var td, tx; 
    var tbl = document.getElementById("tbl"); 
    var tr = document.createElement("tr"); 
    for(var x=0; x<2; x++) { 
     td = document.createElement("td"); 
     tx = document.createTextNode("."); 
     td.appendChild(tx); 
     tr.appendChild(td); 
    } 
    tbl.appendChild(tr); 
} 

Le code HTML est

<input type="button" name="button" id="button" value="Add Row" onClick="addRow();"> 
<table cellspacing="0" cellpadding="0" id="tbl" border=1> 
    <tr> 
    <th>Col 1</th> 
    <th>Col 2</th> 
    </tr> 
    <tr> 
    <td>Dummy </td> 
    <td>Dummy</td> 
    </tr> 
</table>