如何在无Table ID的情况下用JavaScript替换表格列文本

编译型内容管理系统渲染后的HTML代码无法修改（包括添加ID等新属性），需要将所有表格第二列中内容为“ABC”的文本替换为“XYZ”，页面中有多个表格，需批量处理所有符合条件的内容。

实现代码（JavaScript） #

可以通过浏览器控制台或注入脚本的方式执行以下代码完成批量替换：

// 定位所有目标表格的第二列数据单元格（排除表头行）
const targetCells = document.querySelectorAll('table.mytable tbody tr:not(:first-child) td:nth-child(2)');

targetCells.forEach(cell => {
  // 严格匹配文本内容为"ABC"的单元格
  if (cell.textContent.trim() === 'ABC') {
    cell.textContent = 'XYZ';
  }
});

代码说明 #

• table.mytable：精准定位页面中所有带mytable类的表格，避免误操作其他表格
• tbody tr:not(:first-child)：跳过表头行，只处理数据行
• td:nth-child(2)：选中每行的第二列单元格
• trim()：去除文本前后空白，避免因空格导致匹配失败
• 遍历所有目标单元格，严格匹配后替换为指定内容

内容的提问来源于stack exchange，提问作者magicsinger