js 在table下添加tr

<table id="myTable">
  <tr>
    <th>Name</th>
    <th>Age</th>
  </tr>
  <!-- 初始数据行 -->
  <tr>
    <td>John Doe</td>
    <td>30</td>
  </tr>
</table>
<button onclick="addRow()">Add Row</button>

function addRow() {
  // 获取表格元素
  var table = document.getElementById("myTable");

  // 创建新的行
  var newRow = table.insertRow(-1); // 在表格末尾插入新行

  // 创建并添加单元格
  var cell1 = newRow.insertCell(0);
  var cell2 = newRow.insertCell(1);

  // 设置单元格内容
  cell1.innerHTML = "Jane Doe";
  cell2.innerHTML = "25";
}

function addRows() {
  var table = document.getElementById("myTable");
  var fragment = document.createDocumentFragment();

  for (var i = 0; i < 5; i++) {
    var newRow = document.createElement("tr");

    var cell1 = document.createElement("td");
    cell1.textContent = "Name " + (i + 1);
    newRow.appendChild(cell1);

    var cell2 = document.createElement("td");
    cell2.textContent = (20 + i);
    newRow.appendChild(cell2);

    fragment.appendChild(newRow);
  }

  table.appendChild(fragment);
}