js 为table追加记录

<table id="myTable" border="1">
  <tr>
    <th>Name</th>
    <th>Age</th>
  </tr>
</table>

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

  // 创建新的行和单元格
  var newRow = document.createElement("tr");
  var nameCell = document.createElement("td");
  var ageCell = document.createElement("td");

  // 设置单元格的内容
  nameCell.textContent = name;
  ageCell.textContent = age;

  // 将单元格添加到新行
  newRow.appendChild(nameCell);
  newRow.appendChild(ageCell);

  // 将新行添加到表格
  table.appendChild(newRow);
}

// 使用函数追加记录
addRow("Alice", 30);
addRow("Bob", 25);

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

  records.forEach(function(record) {
    var newRow = document.createElement("tr");
    var nameCell = document.createElement("td");
    var ageCell = document.createElement("td");

    nameCell.textContent = record.name;
    ageCell.textContent = record.age;

    newRow.appendChild(nameCell);
    newRow.appendChild(ageCell);
    fragment.appendChild(newRow);
  });

  table.appendChild(fragment);
}

// 批量添加多条记录
addRows([
  { name: "Charlie", age: 35 },
  { name: "David", age: 28 }
]);