javascript - 动态添加表格行时如何更改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

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

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

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

Answer 2

您可以使用以下方法执行此操作HTMLElement.style：

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

简单的演示在这里