javascript - 更改用js生成的表格中的标题颜色

Question

我使用以下代码在 javascript 中创建了一个表:

var table = document.createElement('table')
table.style.verticalAlign = "top";
table.align = 'center';
table.createCaption().innerHTML ='Employee List'
table.caption.backgroundColor ="grey"
var row = table.insertRow(0); 
var cell1 = row.insertCell(0);
cell1.id = 'employee_off'
var cell2 = row.insertCell(1); 
cell2.id = 'employee_on' 
document.body.appendChild(table)
employee_listManager();

问题是，即使标题背景是灰色的，当我加载页面时，背景是白色的......

我正在互联网上搜索如何更改他的颜色，但我没有找到任何标题...

我应该只为标题创建一个跨度还是一个td？

谢谢

Answer 1

使用syle属性来使用CSS样式，像这样。

 table.caption.style.backgroundColor ="grey";
 //--------------^

而不是

table.caption.backgroundColor ="grey";

DEMO