javascript - 从表中删除一行

Question

我正在尝试使用 JavaScript 从 html 表中删除一行。我知道它们是一个删除行的函数 DOM 函数，但我的表格位于表单中，因此当我删除行时，它会删除表单，因此我的按钮不起作用。有什么想法可以解决这个问题吗？

`

<table style="width:100%" id = "table" >
  <tr>
    <th>Ticket number</th>
    <th>Class</th>
    <th>Meal</th>
    <th>Seat Number</th>
    <th>Price</th>

  </tr>
  <%while(r.next()){ %>
  <tr>
    <td align="center"><form method="post" action="/AirportServer/html/Purchased.jsp">
    <input type="radio" name="Flight-Num" value = "<%=r.getString("ticket_unique_num") %>">
    <%=r.getString("ticket_unique_num") %> </td>
    <td align="center"><%=r.getString("class")%></td>
    <td align="center"><%=r.getString("meal") %></td>
     <td align="center"><%=r.getString("seat_number") %></td>
      <td align="center"><%=r.getString("fare") %></td>
     </tr>
    <%} %>
    <button type="submit">Reserve Ticket</button> 
</form>
</table>
<button onclick="filter()">Sort By low to High</button>

function filter(){

    var x = document.getElementById("table");
    x.deleteRow(1);

}

Answer 1

您应该尝试将表中的 ID 更改为唯一的 ID。具体更改以下几行: <table style="width:100%" id = "table" >并更新此代码以反射(reflect)上一个代码段 getElementById("table")

您应该尝试的另一件事是关闭 form标记在 table 之后标签