使用javascript添加标题和标题
我用java脚本制作了一个html表,但不知道如何添加标题和thead使用javascript添加标题和标题,javascript,jquery,html,Javascript,Jquery,Html,我用java脚本制作了一个html表,但不知道如何添加标题和thead var arr =[ ["Period Ends", "Payroll Due", "Payday"], ["06/13/15", "06/19/15", "06/26/15"], ]; var body, tab, th, tr, td, tn, row, col; body = document.getElementsByTagName('body')[0]; tab = document.cre
var arr =[
["Period Ends", "Payroll Due", "Payday"],
["06/13/15", "06/19/15", "06/26/15"],
];
var body, tab, th, tr, td, tn, row, col;
body = document.getElementsByTagName('body')[0];
tab = document.createElement('table');
for (row=0; row < arr.length; row++){
tr = document.createElement('tr');
for (col=0; col < arr[row].length; col++){
td = document.createElement('td');
tn = document.createTextNode(arr[row][col]);
td.appendChild(tn);
tr.appendChild(td);
}
tab.appendChild(tr);
}
body.appendChild(tab);
var-arr=[
[“期间结束”、“应付工资单”、“发薪日”],
["06/13/15", "06/19/15", "06/26/15"],
];
变量主体、选项卡、th、tr、td、tn、row、col;
body=document.getElementsByTagName('body')[0];
tab=document.createElement('table');
用于(行=0;行
这是我将使用的方法
var arr =[
["Period Ends", "Payroll Due", "Payday"],
["06/13/15", "06/19/15", "06/26/15"],
];
var body = document.getElementsByTagName('body')[0];
var tab = document.createElement('table');
var cap = tab.createCaption();
var tr, td, col;
// set caption
cap.innerHTML = 'My Table Caption';
// start from first row (skip row headings)
for (var row=1; row < arr.length; row++){
tr = tab.insertRow(row-1);
for (col=0; col < arr[row].length; col++){
td = tr.insertCell(col);
td.innerHTML = arr[row][col];
}
}
// add row headings
var header = tab.createTHead()
var headerRow = header.insertRow(0);
for (col=0; col < arr[0].length; col++){
td = headerRow.insertCell(col);
td.innerHTML = arr[0][col];
}
body.appendChild(tab);
var-arr=[
[“期间结束”、“应付工资单”、“发薪日”],
["06/13/15", "06/19/15", "06/26/15"],
];
var body=document.getElementsByTagName('body')[0];
var tab=document.createElement('table');
var cap=tab.createCaption();
var-tr,td,col;
//设置标题
cap.innerHTML='我的表格标题';
//从第一行开始(跳过行标题)
对于(变量行=1;行
这使用HTML规范方法来创建表元素
createCaption
insertRow
createTHead
insertCell
innerHTML
正文
行之后添加tHead
这里有一个可能对您有所帮助:>您没有为
th
值赋值,并且没有任何标题
值。您希望如何将其添加到您的表中?