如何使用JavaScript创建空表数据框?
我希望能够像这样创建html表,而不使用任何html,只编写JavaScript 如何使用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
表格{
边框: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