如何使用javascript相对于表数据的输入更改表中行的颜色？

也许使用脚本是一个漫长而错误的选择

但是我正在制作一张足球队球员的表格。我希望表格中的每个“位置”都有不同的颜色背景。当然，我可以不使用脚本，而是为每个位置分配不同的id/类并逐个放入表行

比如说，我希望所有中场球员都有红色背景，所有后卫都有蓝色背景

表的示例

名称
俱乐部
位置
高度
重量
恼怒
巴塞罗那
防守者
190厘米
85公斤
布斯克茨
巴塞罗那
中场球员
195厘米
85公斤

不确定您的真实案例是否与此完全相同，但这里有一个不编辑html的可能解决方法

document.addEventListener（“DOMContentLoaded”，函数（事件）{
const[，…rows]=document.getElementsByTagName（“tr”）//获取除第一行以外的所有行
用于（行中的行）{
//对于每一行，获取第三列内容
let position=row.getElementsByTagName（“td”）[2].textContent
//根据文本内容添加样式
开关（位置）{
“辩护人”一案：
row.classList.add（“维护者”）
打破
“中场”案例：
row.classList.add（“中场球员”）
打破
}
}
});
{
背景色：#7972b7；
}
.中场球员{
背景色：#d68383；
}

名称
俱乐部
位置
高度
重量
恼怒
巴塞罗那
防守者
190厘米
85公斤
布斯克茨
巴塞罗那
中场球员
195厘米
85公斤
你可以用css
来做。中场球员td{}
谢谢，但我一直在寻找捷径，而不是每次都要在课堂上打字。这样，只要在脚本中键入position（如中场）就可以使该行中的所有内容都具有特定的颜色……也许为了一件简单的事情而将任务复杂化？