Die Codekopie lautet wie folgt:
<html>
<kopf>
<script src = "http://code.jquery.com/jquery-1.11.0.min.js"> </script>
<Script>
// Erstellen Sie ein HTML -Element
Funktion $ C (TagName) {
return document.createelement (tagname);
}
// was nach dem Laden des Dokuments ausgeführt werden soll
$ (Dokument) .Ready (function () {
// Binden Sie das Klickenereignis des Hinzufügens einer Zeilenschaltfläche auf Klicken
$ ("#addrow"). Bind ("Click", function () {
// den Tisch bekommen
var Tab = $ ("#tab");
// TR -Element erstellen
var tr = $ c ("tr");
// TR -Element an die Tabelle anhängen
tab.Append (tr);
// TD -Element erstellen
var td1 = $ c ("td");
// Inhalt des TD -Elements
td1.innerhtml = "Insert1";
// TD -Element dem neu hinzugefügten TR anhängen
tr.Appendchild (td1);
var td2 = $ c ("td");
TD2.InnerHtml = "Insert2";
tr.Appendchild (td2);
});
// Binden Sie den Klickereignis der Schaltfläche "Zeilen" klicken
$ ("#deletero"). Bind ("Click", function () {
// Holen Sie sich die erste Zeile der Tabelle
var tab = $ ("#tab tr: Gl: Gl (0)");
// diese Zeile löschen
tab.remove ();
});
});
</script>
</head>
<body>
<table border = '1' id = "tab">
<tr>
<td> 123 </td>
<td> 456 </td>
</tr>
</table>
</br>
<button id = "addrow"> Zeile hinzufügen </button>
<button id = "deletero"> Zeile löschen </button>
</body>
</html>