Cet exemple décrit la méthode d'implémentation TR et TD pour ajouter dynamiquement la table par JS. Partagez-le pour votre référence. La méthode de mise en œuvre spécifique est la suivante:
Copiez le code comme suit: <html>
<adal>
<Title> </Title>
<Script linguisse = "javascript">
var temprow = 0;
var maxrows = 0;
fonction insertrows () {
Temprow = Table1.Rows.Length-1;
maxrows = temprow;
temprow = temprow + 1;
Var Rows = Table1.Rows; // des lignes de type tableau
var newrow = table1.insertrow (table1.rows.length); // insérer une nouvelle ligne
Var Cellules = Newrow.Cells; // cellules de type tableau
pour (i = 0; i <2; i ++) // 7 colonnes de données par ligne
{
var newCell = lignes (newrow.RowIndex) .InsertCell (CellS.Length);
newCell.align = "Centre";
commutateur (i)
{
Cas 0: newCell.innerhtml = "<td valign = 'top'> corpname </td>"; casser;
Cas 1: newCell.innerhtml = "<td valign = 'top'> <a href = 'javascript: deltableRow (/" "+ temprow +" / ")'> delete </a> </ td>"; casser;
}
}
Maxrows + = 1;
}
fonction deltableRow (rownum) {
if (Table1.Rows.Length> Rownum) {
Tableau 1.Deleterrow (Rownum);
}
}
</cript>
</ head>
<body>
<form action = "">
<table cellpacing = "0" cellpadding = "0" Align = "Center">
<tr valign = "top">
<h>
<input value = "add" type = "bouton" onclick = "insertrows ()">
</th>
</tr>
</ table>
<br />
<table align = "Center" id = "table1">
<tr>
<th> Nom de l'entreprise </th>
<h> Opération <th>
</tr>
</ table>
</ form>
</docy>
</html>
J'espère que cet article sera utile à la programmation JavaScript de tous.