更改使用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();

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

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

我应该只为标题创建一个span或td吗？

THX

Answer 1

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

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

而不是

table.caption.backgroundColor ="grey";

DEMO