如何创建一个包含<div>元素的表，并向其中动态添加未知数量的行？

<table id="myTable">
  <tr>
    <td>
      <div>行1</div>
    </td>
  </tr>
</table>

var table = document.getElementById("myTable");
var tbody = table.getElementsByTagName("tbody")[0];

// 假设有一个包含行数据的数组
var rowData = ["行2", "行3", "行4"];

// 遍历行数据数组，动态创建并添加新的行
for (var i = 0; i < rowData.length; i++) {
  var row = document.createElement("tr");
  var cell = document.createElement("td");
  var div = document.createElement("div");
  div.innerHTML = rowData[i];
  cell.appendChild(div);
  row.appendChild(cell);
  tbody.appendChild(row);
}