在 javascript 中，如何从 td 单元格中获取类名？
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/8130812/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
In javascript, how to get a class name from a td cell?
提问by C PWL
In javascript, how to get a class name from a td cell?
在 javascript 中，如何从 td 单元格中获取类名？
example:
例子：
<td class="ColumnHeader" style="text-align:right;" >
class "ColumnHeader" is a class inside css, how could i retrieve it from css and changed the width size in javascript?
类“ColumnHeader”是 css 中的一个类，我如何从 css 中检索它并在 javascript 中更改宽度大小？
回答by Michael Berkowski
Select all the <td>elements via getElementsByTagName()and iterate over them looking for the className:
<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";
}
}
回答by Jord?o
You can't really change the width of the css class programatically, but you can change it on the element:
您无法真正以编程方式更改 css 类的宽度，但您可以在元素上更改它：
td.style.width = newWidth;
To get the class name from an element, use:
要从元素获取类名，请使用：
var className = td.className;
