html table 添加行

要向 HTML 表格添加行，可以使用 JavaScript 或 jQuery。

使用 JavaScript：

<table id="myTable">
  <tr>
    <th>姓名</th>
    <th>年龄</th>
  </tr>
  <tr>
    <td>小明</td>
    <td>20</td>
  </tr>
</table>

<script>
  var table = document.getElementById("myTable");
  var row = table.insertRow(); // 插入新行
  var cell1 = row.insertCell(0); // 插入单元格
  var cell2 = row.insertCell(1);

  cell1.innerHTML = "小红"; // 设置单元格内容
  cell2.innerHTML = "22";
</script>

使用 jQuery：

<table id="myTable">
  <tr>
    <th>姓名</th>
    <th>年龄</th>
  </tr>
  <tr>
    <td>小明</td>
    <td>20</td>
  </tr>
</table>

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
  $("#myTable").append("<tr><td>小红</td><td>22</td></tr>"); // 添加行
</script>