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

In javascript, how to get a class name from a td cell?

本文关键字：单元格 获取 td javascript      更新时间：2023-09-26

在javascript中，如何从td单元格获得类名?

的例子:

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

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

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

你不能通过编程方式改变css类的宽度，但是你可以在元素上改变它:

td.style.width = newWidth;

从元素中获取类名，使用:

var className = td.className;
相关文章：