在 JavaScript 中,是否可以从二维数组生成 HTML 表格?编写 HTML 表格的语法往往非常冗长,因此我想从 2D JavaScript 数组生成 HTML 表格,如下所示:
[
["row 1, cell 1", "row 1, cell 2"],
["row 2, cell 1", "row 2, cell 2"]
]
会变成:
<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
所以我正在尝试编写一个 JavaScript 函数,它会从 2D JavaScript 数组返回一个表,如下所示:
function getTable(array){
// take a 2D JavaScript string array as input, and return an HTML table.
}
最佳答案
这是一个使用 dom 而不是字符串连接的函数。
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"]]);
关于javascript - 从 2D JavaScript 数组生成 HTML 表格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15164655/