s2-12s 　 例
行追加 var hen1 = document.getElementById("tablename");
var hen2 = hen1.insertRow(gyouban);		 var tbl=document.getElementById("table1");
var nR = tbl.insertRow(-1); // (-1)は最終行
セル追加 var hen3 = hen2.insertCell(retuban);
var hen3 = hen2.insertCell(retuban);		 var nC = nR.insertCell(0); //1列目のセル
var nC = nR.insertCell(1); //2列目のセル　以下続く。
行削除 hen1.deleteRow(gyouban); tbl.deleteRow(-1);
最終行に追加・行１以外を削除 最終行の前に追加・行１・２と最終行以外を削除
表の最後に追加
　　　セルを４列追加、
　　　追加のセルに x0〜x3を表示。



行１のみ残し他の行を削除。



リセット
　　　　　　　table1
行１ 項目１ 項目２ 項目３
行２ a1 a2 a3
行３ b1 b2 b3
行４ c1 c2 c3
<script>

　　function s11() {

　　//テーブル取得・行数取得
　　var tbl=document.getElementById("table1");
　　var gyou = tbl.rows.length;

　　//行追加（最終行）
　　var nR = tbl.insertRow(-1);
　　// (最終行は　() でも同じ

　　//セル追加
　　var nC = nR.insertCell(0);
　　var nC = nR.insertCell(1);
　　var nC = nR.insertCell(2);
　　var nC = nR.insertCell(3);

　　//表示
　　tbl.rows[gyou].cells[0].innerHTML = "x0";
　　tbl.rows[gyou].cells[1].innerHTML = "x1";
　　tbl.rows[gyou].cells[2].innerHTML = "x2";
　　tbl.rows[gyou].cells[3].innerHTML = "x3";
　}

　//行削除（最終行削除繰り返し）
　function s12() {
　　var tbl=document.getElementById("table1");
　　var gyou = tbl.rows.length;
　　for (n = 1; n <= gyou-1; n++){
　　　tbl.deleteRow(-1);　　// n++ は n+1
　　}
　}

　//リセット
　function s13() {
　　location.href = "s2-12s.html"　　
　}

</script>
最終行の前に追加
　　　セルを４列追加、
　　　追加のセルに y0〜y3を表示。



行１・２と最終行を残し他の行を削除。



リセット
　　　　　　　
行１ table2
行２ 項目１ 項目２ 項目３
行３ a1 a2 a3
行４ b1 b2 b3
行５ end
<script>　赤字は左と違う部分

　function s21() {

　　//テーブル取得・行数取得
　　var tbl=document.getElementById("table2");
　　var gyou = tbl.rows.length; //gyouに5が入る。

　　//行追加（最終行の前）
　　var nR = tbl.insertRow(gyou-1);
　　// gyou-1 = 4　gyou は最初は5以後各1増える。

　　//セル追加
　　var nC = nR.insertCell(0);
　　var nC = nR.insertCell(1);
　　var nC = nR.insertCell(2);
　　var nC = nR.insertCell(3); // 4列目

　　//表示
　　tbl.rows[gyou-1].cells[0].innerHTML = "y0";
　　tbl.rows[gyou-1].cells[1].innerHTML = "y1";
　　tbl.rows[gyou-1].cells[2].innerHTML = "y2";
　　tbl.rows[gyou-1].cells[3].innerHTML = "y3";
　}

　//行削除（行３削除繰り返し）
　function s22() {
　　var tbl=document.getElementById("table2");
　　var gyou = tbl.rows.length;
　　for (n = 1; n <= gyou-3; n++){
　　　tbl.deleteRow(2); // 行３を削除
　　}
　}

　//リセット
　function s23() {
　　location.href = "s2-12s.html"　　
　}

</script>