この例では、JSがテーブルを動的に追加するTRおよびTD実装方法について説明します。参照のためにそれを共有してください。特定の実装方法は次のとおりです。
次のようにコードをコピーします：<html>
<head>
<title> </title>
<スクリプト言語= "javascript">
var temprow = 0;
var maxrows = 0;
関数insertrows（）{
temprow = table1.rows.length-1;
maxrows = temprow;
Temprow = Temprow+1;
var rows = table1.rows; //配列のような行
var newrow = table1.insertrow（table1.rows.length）; //新しい行を挿入します
var Cells = newRow.cells; //配列様セル
（i = 0; i <2; i ++）//行ごとのデータの7列
{
var newcell = rows（newRow.RowIndex）.InSertCell（Cells.Length）;
newcell.align = "center";
スイッチ（i）
{
ケース0：newcell.innerhtml = "<td valign = 'top'> corpname </td>";壊す;
ケース1：newcell.innerhtml = "<td valign = 'top'> <a href = 'javascript：deltablerow（/" "+temprow+"/"）'> delete </a> </td>";壊す;
}
}
maxrows+= 1;
}
関数deltablerow（rownum）{
if（table1.rows.length> rownum）{
Table1.Deleterow（rownum）;
}
}
</script>
</head>
<body>
<form action = "">
<Table CellPacing = "0" CellPadding = "0" align = "center">
<tr valign = "top">
<th>
<入力値= "add" type = "button" onclick = "insertrows（）">
</th>
</tr>
</table>
<br />
<table align = "center" id = "table1">
<tr>
<th>会社名</th>
<th>操作<th>
</tr>
</table>
</form>
</body>
</html>
この記事がみんなのJavaScriptプログラミングに役立つことを願っています。