テーブルに行を追加、削除する

2005/06/09

insertRow, deleteRow

コード: 氏名:

サンプルテーブル
コード	氏名
001	青木　一郎
002	伊藤　二郎
003	上田　三郎


// 行を追加する
var table = document.getElementById("SampleTable");
var row   = table.insertRow(table.rows.length);
row.insertCell(0).innerText = document.myForm.Code.value;
row.insertCell(1).innerText = document.myForm.PersonName.value;

// 行を削除する
var table    = document.getElementById("SampleTable");
var delIndex = table.rows.length - 1;
if (delIndex > 0) {
  table.deleteRow(delIndex);
}