动态添加表格行时如何更改td.style

Question

我使用JavaScript动态添加表行,但我不知道如何更改表数据的样式.我的代码是:

var tableis = document.getElementById("cameraTable");
var last=(-1);
var Tr = tableis.insertRow(last);
var Td1 = Tr.insertCell(0);
Td1.innerHTML="<div name='mac"+i+"' id='mac"+i+"'>"+mac+"</div>";
Tr.appendChild(Td1);

我只知道如何改变td的背景:

Td1.bgColor="#00FF00";

我想改变td的边框样式,有可能吗？风格如下:

style="border: 1px solid black;"

我试过Td1.style="border: 1px solid black;" 但是没有努力.

任何答案都赞赏.

Answer 1

你可以这样做HTMLElement.style:

Td1.style.border = '1px solid black';

简单的演示在这里

Answer 2

我认为更优雅的解决方案是定义CSS类,而不是在单元格中对样式进行硬编码.

/* CSS Class */
.cellStyle{
     border: 1px solid black;
     background-color: #00FF00;
}

/* JavaScript Code */
Td1.className = 'cellStyle';