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

Question

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

例：

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

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

Answer 1

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

td.style.width = newWidth;

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

var className = td.className;

Answer 2

通过getElementsByTagName()选择所有<td>元素并迭代它们以查找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";
  }
}