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';

Simple Demo Here

Answer 2

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

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

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

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

2 个答案: