Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/443.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
JavaScript 2D数组到表,如何将表定向到div?_Javascript_Html_Multidimensional Array - Fatal编程技术网

JavaScript 2D数组到表,如何将表定向到div?

JavaScript 2D数组到表,如何将表定向到div?,javascript,html,multidimensional-array,Javascript,Html,Multidimensional Array,JavaScript 2D数组到表,如何将表定向到div? 以下链接介绍了如何从二维数组创建表。 表格创建得非常好,但表格总是显示在页面的末尾。 如何让桌子以div的形式出现 function createTable(tableData) { var table = document.createElement('table'); var tableBody = document.createElement('tbody'); tableData.forEach(function

JavaScript 2D数组到表,如何将表定向到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"]]);
说你有

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

说你有

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


只是一句警告的话,一定要阅读/理解你放在网站上的代码只是一句警告的话,一定要阅读/理解你放在网站上的代码
document.getElementById("MyTargetDiv").appendChild(table);