使用JS向多个HTML表添加行

<table id="myTable">
  <thead>
    <tr>
      <th>列1</th>
      <th>列2</th>
      <th>列3</th>
    </tr>
  </thead>
  <tbody>
    <!-- 这里是表格的初始行 -->
    <tr>
      <td>数据1</td>
      <td>数据2</td>
      <td>数据3</td>
    </tr>
  </tbody>
</table>

var table = document.getElementById("myTable");
var row = table.insertRow(); // 在表格的最后插入新行

var cell1 = row.insertCell();
cell1.innerHTML = "新数据1";

var cell2 = row.insertCell();
cell2.innerHTML = "新数据2";

var cell3 = row.insertCell();
cell3.innerHTML = "新数据3";

var tableIds = ["myTable1", "myTable2", "myTable3"];

for (var i = 0; i < tableIds.length; i++) {
  var table = document.getElementById(tableIds[i]);
  var row = table.insertRow();

  var cell1 = row.insertCell();
  cell1.innerHTML = "新数据1";

  var cell2 = row.insertCell();
  cell2.innerHTML = "新数据2";

  var cell3 = row.insertCell();
  cell3.innerHTML = "新数据3";
}