Question

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

Answer 1

假设你的表有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。

Answer 2

您可以尝试使用jQuery：

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

或者 - 如果 - 无论出于何种原因 - 您要删除表中的所有内容：

$('table').empty();

Answer 3

一旦你确定了你想删除的<tr>（你没有提供足够的上下文来提出建议（没有做出很多假设）你会如何做到这一点）：

tr_element.parentNode.removeChild(tr_element)

Answer 4

尝试这样的事情

        <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>

使用javascript删除

4 个答案: