行の削除
次のようにコードをコピーします。
<スクリプト>
functiondel(obj)
{
obj.parentNode.parentNode.removeNode(true);
}
</script>
<本文>
<テーブル>
<tr>
<td>セル 1</td>
<td><input type=button value="この行を削除" onclick="del(this)"></td>
</tr>
<tr>
<td>セル 2</td>
<td><input type=button value="この行を削除" onclick="del(this)"></td>
</tr>
<tr>
<td>セル 3</td>
<td><input type=button value="この行を削除" onclick="del(this)"></td>
</tr>
</テーブル>
</body>
行を追加
次のようにコードをコピーします。
<スクリプト>
関数 uf_test(){
//テーブルオブジェクトを取得する
var tbTable = document.getElementById("tb_test");
//行を挿入
var trT = tbTable.insertRow();
// 前の行の td 番号を取得します
var nRows = tbTable.rows[0].cells.length;
// 前行の td 番号に従って、td をループに挿入します
for(var i = 0; i < nRows; i++){
// tdオブジェクトを作成する
var tdT = document.createElement("TD");
// td オブジェクトに値を代入
//tdT.innerHTML="sfsdf";
tdT.innerText="sfsdf";
//tdをtrに追加
trT.appendChild(tdT);
}
}
</script>
<テーブル id="tb_test">
<tr>
<td><input type="text"></td>
</tr>
</テーブル>
<input type="button" onclick="uf_test();" value="行を追加">