最可靠清除单元格背景色的方法是直接设 cell.style.backgroundColor = ""；需注意批量操作时实时查询 td/th、CSS类应精准移除、并排查更高优先级样式覆盖。
直接清空 cell.style.backgroundColor 最可靠
只要单元格是通过 JS 动态设置过背景色（比如 cell.style.backgroundColor = "#ff0"），清除时就必须回到这个源头——设回空字符串或 null。浏览器会将其解析为“未声明”，从而让层叠规则回落到父级或默认样式。
常见错误是只改 table.style.backgroundColor 或试图用 cell.style.background = "none"，前者完全不生效，后者在部分浏览器里可能被忽略或解析为黑色。
-
cell.style.backgroundColor = ""是最通用、兼容性最好的写法 -
cell.style.removeProperty("background-color")更语义化，但 IE 不支持，现代项目可用 - 避免用
cell.style.background = ""，它会清掉整个 background 简写值（含图片、重复方式等），有副作用
批量清除时别漏掉 <th> 和动态插入的单元格
很多人只遍历 td，结果表头 th 还留着颜色；更隐蔽的是，如果表格支持行增删、分页加载或排序后 DOM 重排，新插入的单元格根本不在初始 querySelectorAll 结果里。
稳妥做法是每次清除前重新查询，而不是缓存节点列表：
立即学习“前端免费学习笔记（深入）”；
function clearCellBg(table) {
// 每次都实时查，覆盖新增/重排的单元格
table.querySelectorAll('td, th').forEach(cell => {
cell.style.backgroundColor = '';
});
}
如果表格使用虚拟滚动或懒加载，得在数据刷新后主动调用该函数，不能只靠初始化时跑一次。
用 CSS 类管理时，removeAttribute("class") 不够安全
假设你用 cell.classList.add("highlight") 控制背景色，清除时别直接 cell.removeAttribute("class")——这会把其他必要类（如 align-right、numeric）一并干掉。
正确做法是精准移除目标类：
-
cell.classList.remove("highlight")—— 推荐，语义清晰 -
cell.className = cell.className.replace(/\bhighlight\b/g, "")—— 兼容老环境，但需注意空格处理 - 若用了
!important的打印样式（如@media print { .highlight { background: #f00 !important; } }），清除类后还得检查是否需额外重置style
清除后仍残留颜色？先检查是否有更高优先级的样式
即使清掉了内联样式，也可能被以下来源覆盖：
- CSS 规则带
!important（如td.status { background: red !important; }） - 父级元素（
tr或tbody）设置了background-color，且子td未显式设透明 - Bootstrap 或其他框架的打印样式（
@media print）在非打印场景下意外生效
打开开发者工具，选中单元格，看“Computed”面板里 background-color 的最终值和来源。真正生效的那条规则，才是你要针对性清除或覆盖的对象。
