動的に<tr>を追加したい

質問

お世話になります。
tableを作成し、あるイベントが発生した際に、
動的にtrを追加したいと思っています。
何か良い方法はありませんでしょうか？

回答No.1

zxcv0000

あらすじだけですが...

1 追加したい位置(TRの直親で、THEAD とか TBODY とか)のオブジェクトを得る。

2 追加する TRタグを生成する。
document.createElement('TR') とかでできます。

3 必要な TH,TDタグを生成する。
document.createElement('TD') とかが確実でしょう。
生成したものは、2 の TRオブジェクトに appendChild() してください。

4 最後に、1 の追加したい位置のオブジェクトにできた TRオブジェクトを appendChild() して完成です。

条件によってはもう少し楽ができます。 例えば追加する内容が決っているなら、別に設けた非表示テーブルに最初からその TR を入れておきましょう。 追加する時は、非表示テーブルから removeChild() すれば追加したい位置に appendChild() できます。

参照URL の、DOM の項をみてください。

参考URL：

http://javascriptist.net/docs/js_ref_ext.html