Javascript 用于在html中创建表的脚本未正确放置

我试图通过删除td和th的行和行来清理我的html表，并通过使用脚本将其自动化

我找到了这个解决方案

现在，在我试图编辑单元格的内容之前，我想通过复制和粘贴来确保这在我的文档中起作用，但事实并非如此

以下是原始文件的摘要：

这是我试图在每个div中放置新脚本的地方：

正如您在第二个链接中所看到的，所发生的事情是在页面底部而不是在每个div中生成输出。我真的不知道我做错了什么，因为我对js很陌生

有什么想法吗？ 谢谢

输出在页面底部生成，而不是在每个div中生成

你说：

…这是

元素的结尾

如果要将其放在div中，则需要将其附加到div而不是主体

    function createTable(tableData) {
  var table = document.createElement('table');
  var tableBody = document.createElement('tbody');

  tableData.forEach(function(rowData) {
    var row = document.createElement('tr');

    rowData.forEach(function(cellData) {
      var cell = document.createElement('td');
      cell.appendChild(document.createTextNode(cellData));
      row.appendChild(cell);
    });

    tableBody.appendChild(row);
  });

  table.appendChild(tableBody);
  document.body.appendChild(table);
}

createTable([["row 1, cell 1", "row 1, cell 2"], ["row 2, cell 1", "row 2, cell 2"]]);

document.body.appendChild(table);