Este exemplo descreve o método de implementação de TR e TD de adicionar dinamicamente a tabela por JS. Compartilhe para sua referência. O método de implementação específico é o seguinte:
Copie o código da seguinte forma: <html>
<head>
<Title> </title>
<Script Language = "JavaScript">
var temprow = 0;
var maxrows = 0;
função insertrows () {
TEMPROW = Tabela1.Rows.Length-1;
maxrows = temprow;
TEMPROW = TEMPROW+1;
var linhas = tabela1.rows; // linhas semelhantes a matrizes
var newrow = tabela1.insertrow (tabela1.rows.length); // insira uma nova linha
VAR células = newrow.cells; // células semelhantes a matrizes
para (i = 0; i <2; i ++) // 7 colunas de dados por linha
{
var newCell = linhas (newrow.rowindex) .InSertCell (Cells.Length);
newCell.align = "Center";
Switch (i)
{
Caso 0: newcell.innerhtml = "<td valign = 'top'> corpname </td>"; quebrar;
Caso 1: newcell.innerhtml = "<td valign = 'top'> <a href = 'javascript: deltableRow (/" "+temprow+"/")'> excluir </a> </td>"; quebrar;
}
}
maxrows+= 1;
}
Função DeltableRow (ROWNUM) {
if (tabela1.rows.length> rownum) {
Tabela1.Deleterow (ROWNUM);
}
}
</Script>
</head>
<Body>
<form ação = "">
<tabela CellPacing = "0" CellPadding = "0" align = "Center">
<tr valign = "top">
<th>
<input value = "add" type = "button" onclick = "insertrows ()">
</th>
</tr>
</tabela>
<br />
<tabela align = "Center" id = "Tabela1">
<tr>
<th> Nome da empresa </th>
<th> operação <TH>
</tr>
</tabela>
</morm>
</body>
</html>
Espero que este artigo seja útil para a programação JavaScript de todos.