0

我如何<tr>使用javascript从表中删除整个而不使用getElementByID，因为我没有任何表IDtr或tds

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 并且页面上只有一个表格，请执行以下操作：

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

如果你不给它一个id，就很难删除一个特定的tr。如果要删除某种类型的 trs，请给它们一个类属性并仅删除具有该类属性的那些 trs。

于 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 回答