La copie de code est la suivante:
<html>
<adal>
<script src = "http://code.jquery.com/jquery-1.11.0.min.js"> </ script>
<cript>
// Créer un élément HTML
fonction $ c (tagname) {
return document.CreateElement (TagName);
}
// quoi exécuter après le chargement du document
$ (document) .ready (function () {
// Ligne l'événement de clic de l'ajout du bouton de ligne
$ ("# addrow"). bind ("cliquez", fonction () {
// Obtenez la table
var tab = $ ("# tab");
// Créer un élément tr
var tr = $ c ("tr");
// Ajouter l'élément TR à la table
TAB.APPEND (tr);
// Créer un élément TD
var td1 = $ c ("td");
// Contenu de l'élément TD
td1.innerhtml = "insert1";
// Ajouter un élément TD au trous nouvellement ajouté
Tr.ApendChild (TD1);
var td2 = $ c ("td");
td2.innerhtml = "insert2";
Tr.ApendChild (TD2);
});
// lier l'événement de clic du bouton de suppression de la ligne
$ ("# deletero"). bind ("cliquez", fonction () {
// Obtenez la première ligne de la table
var tab = $ ("# onglet tr: eq (0)");
// Supprimer cette ligne
Tab.Remove ();
});
});
</cript>
</ head>
<body>
<table border = '1' id = "tab">
<tr>
<td> 123 </td>
<td> 456 </td>
</tr>
</ table>
</br>
<Button id = "addrow"> Ajouter la ligne </fonticieuse>
<Button id = "Deletero"> Supprimer la ligne </fonide>
</docy>
</html>