使用 javascript 删除 <tr>

Removing <tr> using javascript

本文关键字：tr javascript 使用 删除      更新时间：2023-09-26

如何在不使用getElementByID的情况下使用 javascript 从表中删除整个<tr>，因为我没有任何表 tr 或tds <</p>

div class="answers">

假设你的表有 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。如果要删除某些类型的 tr，请为它们提供一个类属性，并仅删除具有此类属性的那些 tr。

一旦你确定了你想要删除的<tr>（你没有为你的问题提供足够的上下文来建议（没有做很多假设）你可以怎么做）：

tr_element.parentNode.removeChild(tr_element)

你可以用jQuery尝试这样的事情：

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

或者，无论出于何种原因，您希望删除表的所有内容：

$('table').empty();

尝试这样的事情

        <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>
相关文章：