نسخة الكود كما يلي:
<html>
<head>
<script src = "http://code.jquery.com/jquery-1.11.0.min.js"> </script>
<script>
// إنشاء عنصر HTML
وظيفة $ C (tagName) {
return document.createElement (tagName) ؛
}
// ماذا يتم تنفيذها بعد تحميل المستند
$ (وثيقة). ready (function () {
// ربط حدث CLICK لإضافة زر الصف
$ ("#addRow"). bind ("Click" ، function () {
// احصل على الجدول
var tab = $ ("#tab") ؛
// إنشاء عنصر TR
var tr = $ c ("tr") ؛
// إلحاق عنصر TR إلى الجدول
tab.append (tr) ؛
// إنشاء عنصر TD
var td1 = $ c ("td") ؛
// محتويات عنصر TD
td1.innerhtml = "insert1" ؛
// إلحاق عنصر TD إلى TR المضافة حديثًا
Tr.AppendChild (TD1) ؛
var td2 = $ c ("td") ؛
td2.innerhtml = "insert2" ؛
Tr.AppendChild (TD2) ؛
}) ؛
// ربط حدث Click of the Delete Row Bine
$ ("#deletero"). bind ("Click" ، function () {
// احصل على السطر الأول من الجدول
var tab = $ ("#tab tr: eq (0)") ؛
// حذف هذا الخط
tab.remove () ؛
}) ؛
}) ؛
</script>
</head>
<body>
<table border = '1' id = "tab">
<tr>
<td> 123 </td>
<td> 456 </td>
</r>
</table>
</br>
<button id = "addRow"> إضافة صف </button>
<button id = "deletero"> حذف الصف </button>
</body>
</html>