Supprimer la ligne
Copiez le code comme suit :
<script>
fonctiondel(obj)
{
obj.parentNode.parentNode.removeNode(true);
}
</script>
<corps>
<tableau>
<tr>
<td>Cellule 1</td>
<td><input type=button value="supprimer cette ligne" onclick="del(this)"></td>
</tr>
<tr>
<td>Cellule 2</td>
<td><input type=button value="supprimer cette ligne" onclick="del(this)"></td>
</tr>
<tr>
<td>Cellule 3</td>
<td><input type=button value="supprimer cette ligne" onclick="del(this)"></td>
</tr>
</table>
</corps>
Ajouter une ligne
Copiez le code comme suit :
<script>
fonction uf_test(){
//Obtenir l'objet table
var tbTable = document.getElementById("tb_test");
//Insérer une ligne
var trT = tbTable.insertRow();
//Obtenir le numéro td de la ligne précédente
var nRows = tbTable.rows[0].cells.length;
//Selon le numéro td de la ligne précédente, insérez td dans une boucle
pour(var je = 0; je < nRows; i++){
//Créer un objet td
var tdT = document.createElement("TD");
// Attribuer une valeur à l'objet td
//tdT.innerHTML="sfsdf";
tdT.innerText="sfsdf";
//Ajouter td à tr
trT.appendChild(tdT);
}
}
</script>
<table id="tb_test">
<tr>
<td><input type="text"></td>
</tr>
</table>
<input type="button" onclick="uf_test();" value="Ajouter une ligne">