JavaScriptでTableに行追加と削除

テーブルを操作する度忘れしちゃうのでメモしておく

行の追加

1
2
3
4
5
6
7
8
9
//テーブルの取得
var tbl = document.getElementById("tbl");
//追加する行
var insNo = tbl.rows.length;
//行の作成
var newRow = tbl.insertRow(insNo);
//列の作成
var cell1 = newRow.insertCell(0);
cell1.innerHTML = "てすと";

行の削除

1
2
3
var tbl = document.getElementById("tbl");
//行の削除
tbl.deleteRow(insNo);

カテゴリー: Developer, Javascript   パーマリンク

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <img localsrc="" alt=""> <pre lang="" line="" escaped="" cssfile="">