• ベストアンサー

javascriptでtableの該当行を削除ボタン

javascriptで、テーブルの行を削除したいと思ってます。 行の最後のセルに削除ボタンを設け、該当行を消したいのですが、どなたかご教授お願いします。

質問者が選んだベストアンサー

  • ベストアンサー
  • steel_gray
  • ベストアンサー率66% (1052/1578)
回答No.2

<script type="text/javascript"> function remove_row(o){ var TR = o.parentNode.parentNode; TR.parentNode.deleteRow(TR.sectionRowIndex); } </script> <td><input type="button" value="削除" onclick="remove_row(this)"></td> http://www.doraneko.org/misc/dom10/19981001/level-one-html.html#method-deleteRow

その他の回答 (1)

回答No.1

removeChildをつかえばできるよ。

関連するQ&A

  • Excel テーブル内の空白行の削除について

    テーブルの任意の行のデータを削除し、空白削除ボタン(cmd_Blank)をクリックすると削除したデータ行(空白行)を削除するVBAを作ったのですが空白行が1つの場合は問題なく動作するのですが(添付左)、 ・空白セルがあるとその行がすべて削除されてしまう(添付中央)。 ・空白行が2つ以上あるとエラーになってしまう(添付右) という問題に悩んでいます。 空白削除ボタンクリック時のコードは Private Sub cmdBlank_Click() ActiveSheet.ListObjects("T住所").DataBodyRange.SpecialCells(xlCellTypeBlanks).EntireRow.Delete End Sub になります。 添付の図がわかりにくいかと思いますが、ボタンクリックすると テーブル内の空白行があったら、その行のみ削除され、上詰めに したいということです。 どなたか教えていただきたいです。

  • JavaScriptでテーブルの行入れ替え

    Javascriptでtable内の行を上下に移動させたいと思います。 横に↑ボタンと↓ボタンを用意し、クリックした分だけ上下に移動させるのが理想です。 ライブラリはJQueryやその外部ライブラリであれば使用可能ですが、 行内の要素(<TD>タグやその属性等)は別の処理で直接触りたい為、TABLE以下のタグが ライブラリの使用者から隠蔽されるようなライブラリの使用は難しいです。 ご存知の方がいらっしゃいましたらご回答の程、よろしくお願いします。

  • DreamWeaver MXでテーブルの行挿入・削除の方法

    DreamWeaver MX(Win版)お試し版を使用していますが、テーブルの操作でつまづいています。 既存のテーブルに行挿入や削除をするとき、「ヘルプ」を参照し、同じようにやっているつもりなのですがうまくいきません。 例えば行を追加したい時 セル内をクリックして、修正→テーブル内の「行の挿入」を選べばそのセルの飢えに一行追加される という風にヘルプには記載されています。 しかし実際は、セル内をクリックしても「行の挿入」は灰色になって選べず、「テーブル選択」しか選べません。 一応それを選んでは見るのですが、そうしても、いっこうに「行の挿入」は選べません。 他、行または列の挿入や列の挿入、行・列の削除等に同様に選べません。 何か自分のやり方がまずいのでしょうか?方法があったら教えてください。お願いします。

    • ベストアンサー
    • CSS
  • ExcelVBAを使って、行の削除と削除した行の分だけ残りの行を上につめるプログラムを作りたいのですが...

    ExcelVBAを使って、行の削除と削除した行の分だけ残りの行を上につめるプログラムを作りたいのですが... 例えば、 A 1 ○ ------- B 2 ○ ------- C 3 × ------- D 4 ○ ------- E 5 × ------- F 6 × という表があったとして、コマンドボタンをクリックすると×がついている行を削除して、 A 1 ○ ------- B 2 ○ ------- D 4 ○ という風に×のあった行をつめるようなプログラムを組みたいです。 私が作ったのはループをまわす中で×を見つけるとその、下の行のセルを各々ひとつ上に上げていくというプログラムです。これだとひとつのセルごとに処理していくのでデータが多いとボタンを押してから処理が終わるまでに時間がかかってしまいます。 行をまとめて消して、その下の行を上に持ち上げる方法だと処理が早くなりそうなのですがそのプログラムがイマイチわかりません。 お分かりになるかたがいらっしゃれば、ご教授お願いします。  

  • 2個の引数を使用して、テーブルの行、列に該当する値を求める方法は?

    Excel2003で、2個の引数を使用して、テーブルの行、列に該当する値を求める方法を、教えて下さい。 例) Aテーブル  A  B  C  D  E 1   5  4  3  2 2 1 260 200 150 100 3 2 460 370 280 180 4 3 670 540 400 270 5 4 880 700 530 350 Bテーブル  A B  C 1  5 2  2 460 BテーブルのB1のセルに5、B2のセルに2を、入力した場合、Aテーブルから460を探し出して、BテーブルのC2のセルに460と、表示させたい。 この時、C2のセルには、どんな関数がいいのでしょうか? よろしく、ご教示下さい。

  • 1つのテーブル内に複数のScriptを

    インラインフレームの中にテーブルがあり、 そのテーブルはクリックした行の色を変化させ、 違う行をクリックしたらその行の色は変わり元の行は色を戻します。 さらに、インラインフレームの外にあるボタンで クリックされて色が変わっている行を追加できるようにして、 なおかつ、追加された行にも同じようにクリックで色が変えられるようにし、 その色がついている行を削除できるようにしたい。 という動きをJavaScriptでさせたいのです。 どなたかご教授お願いいたします。

  • Excel 指定行削除マクロ

    Excel の表で、「行削除」ボタンを押したとき、次の手順で動くマクロを作りたいと思っています。 1.メッセージボックスで削除する行のクリックをうながす。 2.該当行がクリックされ、メッセージボックスのOKボタンが押される。 3.2番目のメッセージボックスに変えて、クリックされた行の A 列のセル(名称欄)   の値(○○)をボックスに取り込んで「○○を削除します」と表示させる。 4.OKボタンが押されたら、その行全体を削除する。 なるべく簡便な方法を教えてください。よろしくお願いします。

  • テーブル2の単語の行を削除にはどうすればいい?

    アクセスです。 テーブル1には、tango テーブル2には、単語 というフィールドがあります。 テーブル1とtangoとテーブル2の単語を線で繋いで テーブル1のtangoと同じ値のテーブル2の単語の行を消したいのですが どういうクエリを作ればいいのでしょうか? 画像の状態 DELETE [テーブル1].tango, [テーブル2].単語 FROM テーブル1 INNER JOIN テーブル2 ON [テーブル1].tango = [テーブル2].単語; をやろうとすると 削除するレコードを含んだテーブルを指定してください となります。 「削除するレコードを含んだテーブル」は、テーブル2なのですが どこでテーブル2と設定すればいいですか? プロパティシートを見ても、テーブルを設定する場所がわかりませんでした。 レコードの削除に、 Whereとfromがありますが fromは選択できません。 この状態で、テーブル2の単語の行を削除にはどうすればいいですか?

  • Excel2010でテーブルの行をマクロで削除

    テーブル内の行をマクロで削除したいと考え、下記の様な構文を書きました。 ですが、どうもエラーが出てしまいますので、原因と解決法を教えて下さい。 まず、テーブル”BBB”のデータをユーザーフォームのリストボックス”CCC”へ読み込んでいます。 リストボックスで選択したデータの行数を取得し、 ユーザーフォーム上のコマンドボタン”削除”をクリックした際に その行数のデータに該当するテーブル内の行を削除したいと考えています。 しかし、実行すると、 「RangeクラスのSelectメソッドが失敗しました」 と、出てしまいます。 何処がいけないのでしょうか?宜しくお願いします。 Private Sub CommandButton削除_Click() Dim SelectedListRows As Integer Dim myListObj As Object Set myListObj = Worksheets("AAA").ListObjects("BBB") SelectedListRows = ListBoxCCC.ListIndex   myListObj.DataBodyRange.Rows(SelectedListRows).Select Selection.Delete Unload Me MsgBox "データを削除しました。" End Sub

  • JavaScriptで ボタンを押す。

    JavaScriptでボタンを押すことは可能でしょうか? ボタンには別の処理を組み込んでありまして、 それをJavaScriptで押したいのですがやり方がわかりません。 本来なら、onClickでJavaScriptを実行させるようにしたいのですが、それはできない仕様なのです。 <input type="SUBMIT" Name"AAA"> 上記のようなボタンをJavaScriptで押すにはどうしたらいいのでしょうか? どなたかすいませんがご教授ください。