js给table添加tr

<table id="myTable" border="1">
  <thead>
    <tr>
      <th>姓名</th>
      <th>年龄</th>
    </tr>
  </thead>
  <tbody>
    <!-- 动态添加的行将出现在这里 -->
  </tbody>
</table>

// 获取表格的tbody元素
var tableBody = document.querySelector("#myTable tbody");

// 创建一个新的<tr>元素
var newRow = document.createElement("tr");

// 创建并添加第一个单元格<td>
var cell1 = document.createElement("td");
cell1.textContent = "张三";
newRow.appendChild(cell1);

// 创建并添加第二个单元格<td>
var cell2 = document.createElement("td");
cell2.textContent = "25";
newRow.appendChild(cell2);

// 将新行添加到表格的tbody中
tableBody.appendChild(newRow);

var tableBody = document.querySelector("#myTable tbody");

var newRow = `<tr>
                <td>李四</td>
                <td>30</td>
             </tr>`;

tableBody.innerHTML += newRow;

var tableBody = document.querySelector("#myTable tbody");
var fragment = document.createDocumentFragment();

for (var i = 0; i < 10; i++) {
  var newRow = document.createElement("tr");
  var cell1 = document.createElement("td");
  cell1.textContent = "用户" + i;
  var cell2 = document.createElement("td");
  cell2.textContent = i * 10;
  newRow.appendChild(cell1);
  newRow.appendChild(cell2);
  fragment.appendChild(newRow);
}

tableBody.appendChild(fragment);