Contoh ini menjelaskan metode implementasi TR dan TD untuk menambahkan tabel secara dinamis oleh JS. Bagikan untuk referensi Anda. Metode implementasi spesifik adalah sebagai berikut:
Salin kode sebagai berikut: <Html>
<head>
<title> </title>
<Bahasa skrip = "javascript">
var Temprow = 0;
var maxrows = 0;
function inertrows () {
temprow = tabel1.rows.length-1;
Maxrows = Temprow;
Temprow = Temprow+1;
var baris = tabel1.rows; // baris seperti array
var newrow = table1.insertrow (tabel1.rows.length); // masukkan baris baru
var sel = newrow.cells; // sel seperti array
untuk (i = 0; i <2; i ++) // 7 kolom data per baris
{
var newcell = baris (newrow.rowindex) .insertcell (cells.length);
newcell.align = "center";
Switch (i)
{
kasus 0: newcell.innerHtml = "<td valign = 'top'> corpname </td>"; merusak;
Kasus 1: newcell.innerHtml = "<td valign = 'top'> <a href = 'javascript: deltablerow (/" "+temprow+"/")'> hapus </a> </td>"; merusak;
}
}
Maxrows+= 1;
}
fungsi deltablerow (rownum) {
if (table1.rows.length> rownum) {
Table1.Deleterow (Rownum);
}
}
</script>
</head>
<body>
<Form Action = "">
<Table CellPacing = "0" CellPadding = "0" Align = "Center">
<tr valign = "atas">
<th>
<input value = "tambahkan" type = "tombol" onclick = "inertrows ()">
</th>
</tr>
</boable>
<br />
<tabel align = "center" id = "table1">
<tr>
<th> Nama Perusahaan </th>
<TH> Operasi <TH>
</tr>
</boable>
</form>
</body>
</html>
Saya harap artikel ini akan membantu pemrograman JavaScript semua orang.