In diesem Beispiel wird die TR- und TD -Implementierungsmethode beschrieben, Tabelle durch JS dynamisch hinzuzufügen. Teilen Sie es für Ihre Referenz. Die spezifische Implementierungsmethode lautet wie folgt:
Kopieren Sie den Code wie folgt: <html>
<kopf>
<title> </title>
<Script Language = "JavaScript">
var temprow = 0;
var maxrows = 0;
Funktion insertrows () {
temprow = table1.rows.length-1;
maxrows = temprow;
Temprow = Temprow+1;
var rows = table1.rows; // Array-ähnliche Zeilen
var newrow = table1.insertrow (Tabelle 1.Rows.length); // Fügen Sie eine neue Zeile ein
var cells = newrow.cells; // Array-ähnliche Zellen
für (i = 0; i <2; i ++) // 7 Datenspalten pro Zeile
{
var newcell = Zeilen (newrow.rowIndex) .InsertCell (Cells.length);
Newcell.Align = "Center";
Schalter (i)
{
Fall 0: newcell.innerhtml = "<td valign = 'top'> corpname </td>"; brechen;
Fall 1: newcell.innerhtml = "<td valign = 'top'> <a href = 'JavaScript: Deltablerow (/" "+Temprow+"/")'> Löschen </a> </td>"; brechen;
}
}
Maxrows+= 1;
}
Funktion Deltablerow (Rownum) {
if (Tabelle 1.Rows.length> Rownum) {
Tabelle 1.Deleterow (Rownum);
}
}
</Script>
</head>
<body>
<Form Action = "">
<Table Cellpacing = "0" cellpadding = "0" align = "center">
<tr Valign = "top">
<Th>
<Eingabewert = "add" type = "button" onclick = "Insertrows ()">
</th>
</tr>
</table>
<br />
<table align = "center" id = "table1">
<tr>
<Th> Firmenname </th>
<Th> Operation <Th>
</tr>
</table>
</form>
</body>
</html>
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.