0

テーブルのIDがないため、<tr>JavaScriptを使用せずにテーブル全体を削除するにはどうすればよいですか?getElementByIDtrtds

4

4 に答える 4

4

テーブルに id="mytable" があるとします。

これは、すべての trs を取得する方法です。

1. var trs = document.getElementById("mytable").rows; or
2. var trs = document.getElementById("mytable").getElementsByTagName("tr");

今これを行います：

while(trs.length>0) trs[0].parentNode.removeChild(trs[0]);

テーブルの ID がなく、ページにテーブルが 1 つしかない場合は、次のようにします。

var trs = document.getElementsByTagName("table")[0].rows;

ID を指定しないと、特定の tr を削除するのは困難です。特定の種類の tr を削除する場合は、それらに class 属性を指定し、この class 属性を持つ tr のみを削除します。

于 2012-05-03T11:03:51.890 に答える
1

jQuery で次のようなことを試すことができます。

$(function(){
    $('tr, td').remove();
});

または、何らかの理由で、テーブルのすべての内容を削除したい場合:

$('table').empty();
于 2012-05-03T10:52:36.553 に答える
1

削除したい を特定し<tr>たら（質問に十分なコンテキストを提供していないため、（多くの仮定をせずに）それを行う方法を提案していません）：

tr_element.parentNode.removeChild(tr_element)
于 2012-05-03T10:54:46.480 に答える
0

このようなことを試してください

        <html>
        <head>
          <style>
        </style>
          <script src="http://code.jquery.com/jquery-latest.js"></script>
        </head>
        <body>
         <table>
         <tr>
          <td>test</td><td>test</td><td>test</td>
         </tr>
         <tr>
          <td>test</td><td>test</td><td>test</td>
         </tr>
         </table>

        <button>Empty</button>
        <script>
          $("button").click(function () {
            $("table").empty();
          });
        </script>

        </body>
        </html>
于 2012-05-03T11:44:19.937 に答える