js table simple ajouter une ligne et supprimer une opération de ligne example_javascript skills

Copier le code Le code est le suivant :

🎜>< ;script src="http://code.jquery.com/jquery-1.11.0.min.js">
<script> element<br>function $c(tagname){ <br>return document.createElement(tagname); <br>} <br>//Contenu à exécuter après le chargement du document <br>$(document).ready( function(){ <br>//Lier l'événement click du bouton d'ajout de ligne<br>$("#addrow").bind("click",function(){ <br>// Obtenir la table <br>var tab = $( "#tab"); <br>// Créer un élément tr <br>var tr = $c("tr"); <br>// Ajouter un élément tr à la table <br>tab.append(tr) ); <br>//Créer un élément td<br>var td1=$c("td"); <br>// Contenu de l'élément td<br>td1.innerHTML="insert1"; l'élément tr Append td nouvellement ajouté <br>tr.appendChild(td1); <br>var td2=$c("td"); <br>td2.innerHTML="insert2"; ); <br>}); <br>// Lier l'événement click du bouton de suppression de ligne<br>$("#deleterow").bind("click",function(){ <br>// Récupérer le première ligne du tableau <br>var tab = $("#tab tr:eq(0)"); <br>// Supprimer cette ligne <br>tab.remove( <br>}); >}); <br></script>

tr>
123
456
< bouton id="addrow">Ajouter une ligne
Supprimer une ligne ;/html> ;