- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：追加、削除について）
追加、削除について
このQ&Aのポイント
- 追加、削除についての質問をします。以前、行の追加と削除についてinnerHTMLでの操作方法を教えていただきましたが、appendChild、removeChildというメソッドでも同じことができるのでしょうか？具体的には、追加ボタンを押すと左のNOが3,4と下に増え、削除ボタンを押すと一つ削除されるような操作方法を知りたいです。
- この質問に関連するサンプルコードは、以下のようになります。HTMLのテーブル形式でデータを表示し、追加ボタンと削除ボタンがあります。追加ボタンを押すと、テーブルの最後に新しい行が追加され、NOが増えます。削除ボタンを押すと、テーブルの最後の行が削除されます。
- <table> <col width="150" align="center" style="font-weight:bold"><col span="3"> <tr> <th >No</th> <th >列1</th> <th >列2</th> <th >列3</th> </tr> <tr> <td>1</td> <td><input type="text" name="sankou" value="" size="26" ></td> <td><input type="text" name="sankou" value="" size="26" ></td> <td><input type="text" name="sankou" value="" size="26" ></td> </tr> <tr> <td>2</td> <td><input type="text" name="sankou" value="" size="26" ></td> <td><input type="text" name="sankou" value="" size="26" ></td> <td><input type="text" name="sankou" value="" size="26" ></td> </tr> </table> <table> <tr> <td ><input type="button" VALUE="追加"></td > <td ><input type="button" VALUE="削除"></td > </tr> </table>
- sankou
- お礼率4% (6/129)
- JavaScript
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
可能です。 http://www.parkcity.ne.jp/~chaichan/src/javascdom01.htm#create こちらの解説が勉強になるかと思います。 ただしtableに関してはinserRow、insertCellやdeleteRow、deleteCellというメソッドも在ります。 http://www.doraneko.org/misc/dom10/19981001/level-one-html.html
