javascript でテーブル操作

解決済

質問者：anzam
質問日時：2008/01/15 14:39
回答数：2件

javascriptのdeleteRowで削除したテーブルの行を再表示する方法を探しております。
下記ソース内reload.gifをクリックするとdeleteRowで消えた行をまとめて表示したいのですが何か良い方法は無いでしょうか？
(＊)ブラウザの再表示は使えません。
<html>
<head>
<title></title>
<script language="JavaScript" type="text/JavaScript"></script>
</head>
<body>
<img src="reload.gif">
<table id="table1">
<tr onmouseover="asrow1 = this.rowIndex">
<td class="ChkTD41">ああ<img src="del.gif" onclick="Delline('table1',asrow1)" />
<input type="text" name="a1">
</td>
</tr>
<tr onmouseover="asrow2 = this.rowIndex">
<td class="ChkTD41">いい<img src="del.gif" onclick="Delline('table1',asrow2)" />
<input type="text" name="b1">
</td>
</tr>
<tr onmouseover="asrow3 = this.rowIndex">
<td>うう<img src="del.gif" onclick="Delline('table1',asrow3)" />
<input type="text" name="c1">
</td>
</tr>
</table>
</body>
</html>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： steel_gray
回答日時：2008/01/15 15:32

deleteRowは何も返さず、削除するだけなので

cloneNodeでコピーをとってから削除するか、
removeChildを使って削除する(removeChildは削除したノードを返す)
で、復元する時にはとっておいたノードをinsertRowで戻す。

削除したノードとその位置の保存とかその復元とか…なんか面倒なんで、
#1さんのおっしゃるように、styleを変更し、
ついでに配下のinput(等)のdisabledもtrueにしておいて、
復元する時にはstyleを戻すと同時にdisabledも戻すようしたほうが楽かも。

この回答への補足

ありがとうございました。
わざわざ行自体を削除するのではなく
input　disabled　と　CSSの視覚効果を利用して
INPUTさせない処理に変更いたしました。
質問に対する答えが全て正解では無いということを痛感いたしました。
お忙しいところ柔軟な発想を持って回答いただいたお二人に感謝いたします。

補足日時：2008/01/15 17:25

通報する