LoginSignup
@o-g-r (yamada hanako)

Are you sure you want to delete the question?

If your question is resolved, you may close it.

Leaving a resolved question undeleted may help others!

We hope you find it useful!

JavaScriptからtable要素を削除したい

Q&A

JavaScript

解決したいこと

JavaScriptからtable要素を削除したい
例）
行列ではなく、table要素を消したい

該当するソースコード

 <div id="multiroute_result">
    　<table id="table_id">
    　　<tr>
            <th colspan="5">複数ルート検索結果：</th>
        </tr>
        <tr>
            <td>
                <input type="checkbox">
            </td>
            <td>
                <img src="img/green_line.png" class="line">
            </td>
        <td>標準</td>
        </tr>
        <tr>
            <td colspan="5">
                <p class="summary">　距離　13860m</p>
                <p class="summary">　時間　1458秒</p>
                <p class="summary">　料金　0円</p>
            </td>
        </tr>
    </table>
</div>

自分で試したこと

  var table = document.getElementById("table_id");
  while (table.rows.length > 0) table.deleteRow(0)

上記ではなく、テーブルごと削除したいです。

0 likes

2Answer

itagagaki
@itagagaki

こうですかね。

  let table = document.getElementById("table_id");
  if (table) {
    if (table.parentNode) {
      table.parentNode.removeChild(table);
    }
  }
1Like

Comments

  1. @o-g-r

    Questioner

    ありがとうございます。うまくいきました。
rilii
@rilii

指定したDOM要素を単純に削除するだけなら、outerHTML(innerHTMLではない)を空にしてしまうのが手っ取り早いかな。

document.getElementById('table_id').outerHTML = '';
0Like

Comments

  1. @o-g-r

    Questioner

    ありがとうございます。innerではなくouterなんですね。innerで書いたのですがうまく消せなかったのでありがとうございます。

Your answer might help someone💌

LoginSign Up