3 回答
TA贡献1966条经验 获得超4个赞
function createTable(tableData) {
var table = document.createElement('table')
, 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([["Manchester City", 92], ["Liverpool", 82], ["Tottenham", 78], ["Chelsea", 78], ["Manchester United", 72], ["Arsenal", 69]]
);
TA贡献1851条经验 获得超4个赞
你可以这样做:
const toTable = (arr) =>
`<table id="codexpl">
<tr>
<th>No</th>
<th>Club</th>
<th>Points</th>
</tr>
${arr.map(
(item, index) =>
`<tr>
<td>${index + 1}</td>
<td>${item[0]}</td>
<td>${item[1]}</td>
</tr>`
).join('\n')}
</table>`
只需将数组传递给它,它就会返回 HTML 代码。
添加回答
举报