JavaScript 2D數組到表格，如何將表格定位到div？

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);