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

Question

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

例子：

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

类“ColumnHeader”是 css 中的一个类，我如何从 css 中检索它并在 javascript 中更改宽度大小？

Answer 1

<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";
  }
}