如何使用JavaScript创建空表数据框?

如何使用JavaScript创建空表数据框?,javascript,html,for-loop,foreach,Javascript,Html,For Loop,Foreach,我希望能够像这样创建html表,而不使用任何html,只编写JavaScript 如何使用JavaScript创建空表数据框 表格{ 边框:1px纯黑; } th{ 边框:1px纯蓝色; } 运输署{ 边框:1px纯红; } 一个 两个 三 A. B C 试试这个: var myTableRows = [ [{"th":"One"},{"th":"Two"},{"th":"Three"}], [{"th":"A"},{"td":""},{"td":""}], [{"t

我希望能够像这样创建html表,而不使用任何html,只编写JavaScript

如何使用JavaScript创建空表数据框

表格{
边框:1px纯黑;
}
th{
边框:1px纯蓝色;
}
运输署{
边框:1px纯红;
}

一个
两个
三
A.
B
C
试试这个:

var myTableRows = [
    [{"th":"One"},{"th":"Two"},{"th":"Three"}],
    [{"th":"A"},{"td":""},{"td":""}],
    [{"th":"B"},{"td":""},{"td":""}],
    [{"th":"C"},{"td":""},{"td":""}]
];

var table = document.createElement("table");
for(var rowIndex in myTableRows) {
    var row = document.createElement("tr");
    for(var colIndex in myTableRows[rowIndex]) {
        for(var tag in myTableRows[rowIndex][colIndex]) {
            var cell = document.createElement(tag);
            var cellContents = document.createTextNode(myTableRows[rowIndex][colIndex][tag]);
            cell.appendChild(cellContents);
            row.appendChild(cell);
        }
    }
    table.appendChild(row);
}
document.body.appendChild(table);

您使用的是纯javascript还是jQuery之类的库?对于
元素,这是不正确的HTML语法<代码>标记只能用作表头单元格。我有jQuery和lodash.js