动态添加具有ids和类的表行

// HTML代码
<table id="myTable">
  <thead>
    <tr>
      <th>ID</th>
      <th>Name</th>
      <th>Age</th>
    </tr>
  </thead>
  <tbody>
    <tr id="row1" class="row">
      <td>1</td>
      <td>John</td>
      <td>25</td>
    </tr>
    <tr id="row2" class="row">
      <td>2</td>
      <td>Jane</td>
      <td>30</td>
    </tr>
  </tbody>
</table>

// JavaScript代码
function addTableRow() {
  var table = document.getElementById("myTable");
  var rowId = "row" + (table.rows.length + 1); // 生成新行的id
  var newRow = table.insertRow(-1); // 在表格末尾插入新行
  newRow.id = rowId; // 设置新行的id
  newRow.className = "row"; // 设置新行的类

  var cell1 = newRow.insertCell(0); // 在新行中插入单元格
  cell1.innerHTML = table.rows.length; // 设置单元格内容

  var cell2 = newRow.insertCell(1);
  cell2.innerHTML = "New Name";

  var cell3 = newRow.insertCell(2);
  cell3.innerHTML = "New Age";
}

// 示例调用
addTableRow();