在javascript中，如何从td单元格中获取类名？

Question

在javascript中，如何从td单元格中获取类名？

示例：

<td class="ColumnHeader" style="text-align:right;" >

类“ColumnHeader”是css中的一个类，我怎么能从css中检索它并改变javascript中的宽度大小？

Answer 1

您无法以编程方式真正更改css类的宽度，但可以在元素上更改它：

td.style.width = newWidth;

要从元素中获取类名，请使用：

var className = td.className;

Answer 2

通过<td>选择所有getElementsByTagName()元素并迭代查找className：

var tds = document.getElementsByTagName("td");
for (var i = 0; i<tds.length; i++) {

  // If it currently has the ColumnHeader class...
  if (tds[i].className == "ColumnHeader") {
    // Set a new width
    tds[i].style.width = new_width;

    // Or set a different class which defines the width
    tds[i].className = "someOtherClass";
  }
}