javascript - 如何使用 Javascript 使用给定输入创建输出表？

Question

如果您获得以下输入:

8，黑色，雷克萨斯
9、绿色、奔驰
10、棕色、凯迪拉克
11、格雷，保时捷

获取形成表的输出的正确过程是什么，其中标题为:id、Color、Car

Answer 1

您创建一个 table 元素，并开始附加 header 元素以及正文行之后，如下所示。

//create Table
var table = document.createElement('table');

//create Table Header
var header = ['Id', 'Color', 'Car' ];
var tr=document.createElement('tr');
for(var column in header)
{   
  var th=document.createElement('th');
  th.innerHTML = header[column];
  tr.appendChild(th)
}
table.appendChild(tr);

//create Table Body
var input = [
  [8, 'Black', 'Lexus'],
  [9, 'Green', 'Mercedes'], 
  [10, 'Brown', 'Cadillac'],
  [11, 'Gray', 'Porsche']
];

for(var row in input)
{
    var tr=document.createElement('tr');
    for(var column in input[row]){
      
        var td=document.createElement('td');
        td.innerHTML = input[row][column];
        tr.appendChild(td)
        
    }
    table.appendChild(tr);
}

// append Table
document.body.appendChild(table);