Este ejemplo describe el método de implementación TR y TD para agregar dinámicamente tabla por JS. Compártelo para su referencia. El método de implementación específico es el siguiente:
Copie el código de la siguiente manera: <html>
<Evista>
<title> </title>
<Script language = "javaScript">
var tempew = 0;
var maxrows = 0;
function InserTrows () {
TEMPROW = TABLA1.ROWS.LIGTH-1;
maxRows = TEMPROW;
TEMPROW = TEMPROW+1;
var fila = tabla1.rows; // filas de matriz
var newRow = table1.insertrow (table1.rows.length); // inserta una nueva fila
VAR CELDS = NewRow.Cells; // Celillas similares a la matriz
para (i = 0; i <2; i ++) // 7 columnas de datos por fila
{
var newcell = filas (newrow.rowindex) .insertcell (cells.length);
newcell.align = "Center";
interruptor (i)
{
Caso 0: newcell.innerhtml = "<td valign = 'top'> CorpName </td>"; romper;
Caso 1: newcell.innerhtml = "<td valign = 'top'> <a href = 'javaScript: deltableRow (/" "+temprow+"/")'> delete </a> </td>"; romper;
}
}
maxrows+= 1;
}
función deltableRow (Rownum) {
if (table1.rows.length> Rownum) {
Tabla 1.deleterow (Rownum);
}
}
</script>
</ablo>
<Body>
<Form Action = "">
<TABLE CELLPACING = "0" CellPadding = "0" Align = "Center">
<tr valign = "top">
<th>
<input value = "add" type = "button" onClick = "insertrows ()">
</th>
</tr>
</table>
<Br />
<Tabla Align = "Center" id = "Tabla1">
<tr>
<th> Nombre de la empresa </th>
<th> operación <th>
</tr>
</table>
</form>
</body>
</html>
Espero que este artículo sea útil para la programación de JavaScript de todos.