Question

JavaScript 2D数组到表，如何将表定位到div？
以下链接谈到了从2D数组创建表 Generate HTML table from 2D JavaScript array
表格创建得非常好，但表格始终显示在页面的末尾如何使表格显示在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"]]);

Answer 1

说你有

<div id="MyTargetDiv"></div>

然后你需要改变

document.body.appendChild(table);

到

document.getElementById("MyTargetDiv").appendChild(table);

JavaScript 2D数组到表，如何将表定位到div？

1 个答案: