この記事の例では、JS を使用して動的にテーブルを追加する TR および TD の実装方法について説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。 コードをコピー コードは次のとおりです。 <タイトル>タイトル> var tempRow=0; var maxRows=0; 関数 insertRows(){ <br> tempRow=table1.rows.length-1; maxRows=tempRow <br> tempRow=tempRow 1; var Rows=table1.rows;//配列のような行 <br> var newRow=table1.insertRow(table1.rows.length);//新しい行を挿入 <br> var Cells=newRow.cells;//配列状のセル <br> for (i=0;i { <br> var newCell=Rows(newRow.rowIndex).insertCell(Cells.length); newCell.align="センター"; スイッチ (i) <br> { <br> ケース 0: newCell.innerHTML="<td valign='top'>corpName</TD>"; ケース 1: newCell.innerHTML="<td valign='top'><a href='javascript:delTableRow("" tempRow "")'>delete</a></TD>"; ;<br> }<br> }<br> 最大行数 =1 <br> }<br> 関数 delTableRow(rowNum){ <br> if (table1.rows.length >rowNum){ <br> table1.deleteRow(rowNum); }<br> }<br> </スクリプト> <br> </頭> <br> <br> <フォームアクション=""> <table border="0" cellpacing="0" cellpadding="0" width="98%" align="center"> <tr valign="トップ"> <br> <input value="追加" type="button" onclick="insertRows()"> </th> <br> </tr> <br> </テーブル> <br> <br> <table border="1" width="98%" align="center" id="table1"> <br> <th >ビジネス名</th> <br> <th>オペレーション<th><br> </tr> <br> </テーブル> <br> </フォーム> <br> </本文> <br> </html><br><br> <br>この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。 <br> </div>