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

Question

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

例子:

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

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