يصف هذا المثال طريقة تنفيذ TR و TD لإضافة جدول ديناميكيًا بواسطة JS. شاركه للرجوع إليه. طريقة التنفيذ المحددة هي كما يلي:
انسخ الرمز كما يلي: <html>
<head>
<title> </title>
<script language = "javaScript">
var temprow = 0 ؛
var maxrows = 0 ؛
دالة insertrows () {
temprow = table1.rows.length-1 ؛
MaxRows = temprow ؛
temprow = temprow+1 ؛
صفوف var = table1.rows ؛ // صفوف تشبه الصفيف
var newrow = table1.insertrow (table1.rows.length) ؛ // أدخل صفًا جديدًا
var cells = newRow.cells ؛ // خلايا تشبه الصفيف
لـ (i = 0 ؛ i <2 ؛ i ++) // 7 أعمدة من البيانات لكل صف
{
var newcell = rows (newRow.RowIndex) .insertCell (cells.length) ؛
newCell.Align = "المركز" ؛
التبديل (أنا)
{
الحالة 0: newcell.innerhtml = "<td valign = 'top'> corpname </td>" ؛ استراحة؛
الحالة 1: newcell.innerhtml = "<td valign = 'top'> <a href = 'javaScript: deltablerow (/" "+temprow+"/")'> delete </a> </td>" ؛ استراحة؛
}
}
MaxRows+= 1 ؛
}
وظيفة deltablerow (rownum) {
if (table1.rows.length> rownum) {
Table1.DeleTerow (Rownum) ؛
}
}
</script>
</head>
<body>
<form action = "">
<table cellpacing = "0" cellpadding = "0" align = "center">
<tr valign = "top">
<h>
<input value = "add" type = "button" onClick = "inserTrows ()">
</th>
</r>
</table>
<br />
<table align = "center" id = "table1">
<tr>
<h> اسم الشركة </th>
<th> العملية <h>
</r>
</table>
</form>
</body>
</html>
آمل أن تكون هذه المقالة مفيدة لبرمجة JavaScript للجميع.