テーブルの行削除について
以前、テーブルの行追加について教えてもらい出来ましたが
逆に、追加された行を削除する方法を教えてください。
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; CHARSET=Shift_JIS">
<TITLE>行追加・削除</TITLE>
</HEAD>
<BODY>
<TABLE BORDER="1" id="Table1">
<TR>
<TH>タイトルA</TH>
<TH>タイトルB</TH>
</TR>
<TR>
<TD><INPUT TYPE="text" SIZE="18" MAXLENGTH="18" NAME="A" VALUE=""></TD>
<TD><INPUT TYPE="text" SIZE="18" MAXLENGTH="18" NAME="B" VALUE=""></TD>
</TR>
</TABLE>
<INPUT TYPE="button" VALUE="行追加" onclick="addRow()">
<INPUT TYPE="button" VALUE="行削除">
<script language="JavaScript">
function addRow() {
var tbl = document.getElementById("Table1").firstChild;
if (!tbl.tagName) {
tbl = document.getElementById("Table1");
}
var tr = document.createElement("tr");
var td1 = document.createElement("td");
var tx1 = document.createElement("input");
tx1.setAttribute("type","text");
tx1.setAttribute("size","18");
tx1.setAttribute("maxlength","18");
tx1.setAttribute("name","Cn");
tx1.setAttribute("value","");
td1.appendChild(tx1);
var td2 = document.createElement("td");
var tx2 = document.createElement("input");
tx2.setAttribute("type","text");
tx2.setAttribute("size","18");
tx2.setAttribute("maxlength","18");
tx2.setAttribute("name","Cn");
tx2.setAttribute("value","");
td2.appendChild(tx2);
tr.appendChild(td1);
tr.appendChild(td2);
tbl.appendChild(tr);
}
</script>
</BODY>
</HTML>
お礼
どちらもバッチリいけました。ありがとうございます。 appendChildが親要素から指定するのにたいしてinsertBeforeは子要素からのアプローチになる感じですね。