使用javascript添加标题和标题

使用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

我用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.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
值赋值,并且没有任何
标题
值。您希望如何将其添加到您的表中?