如何在Chrome浏览器的JavaScript中获取表格TD元素的类名

看起来你在尝试获取表格单元格TD的类名时，不小心绕了个小弯路，我来帮你把思路理清楚～

首先得纠正你之前的一个小误解：直接访问TD元素的className属性，就是获取它类名的正确方式，比如你最初想尝试的cells[0].className。你之前看到这个属性返回空字符串，只是因为你当时查看的那行TD本身就没有设置类名，并不是这个属性失效了。

你之前误用的x0.constructor.name，这个属性返回的是元素的构造函数名称——也就是HTMLTableCellElement，这是所有<td>元素的通用类型标识，和它的自定义类名完全没关系，这就是为什么你打印出来的全是这个固定值。

好在你后来也发现问题所在了：是你混淆了不同的表格行，有些行的TD确实没有类名（所以className为空），而那些带有类名的行，只要用对了className属性，就能正确拿到比如ns这样的类名。

给你贴个简单的正确示例代码，方便你参考：

// 假设你已经获取到目标表格对象Obj.tbl
for (let row = Obj.rowcnt - 1; row > 0; row--) {
  const firstTd = Obj.tbl.rows[row].cells[0];
  // 获取当前TD的类名
  const tdClass = firstTd.className;
  console.log(`当前TD的类名：${tdClass}`);

  // 如果你需要判断是否包含某个特定类，用classList会更方便
  if (firstTd.classList.contains('ns')) {
    // 在这里处理带有ns类的行
    console.log('这是带有ns类的单元格，执行对应逻辑');
  }
}

另外提个小技巧：classList比className更灵活，它是一个DOMTokenList对象，支持contains()判断类是否存在、add()添加类、remove()删除类等操作，如果你需要对类名做更多操作，用它会更顺手。

内容来源于stack exchange