Javascript 如何更改条件语句下单元格的颜色？_Javascript

Javascript 如何更改条件语句下单元格的颜色？

javascript

Javascript 如何更改条件语句下单元格的颜色？,javascript,Javascript,我一直在使用下面的示例这样的条件语句更改列中单个单元格的背景颜色，但我没有成功完成任何事情。我知道它可能设置不正确，我以前从未使用过JavaScript document.getElementById("Table").onload = function(); Table.rows[1].cells[4].onload = function() { let tableCell = var if (tableCell > 92) { document

我一直在使用下面的示例这样的条件语句更改列中单个单元格的背景颜色，但我没有成功完成任何事情。我知道它可能设置不正确，我以前从未使用过JavaScript

document.getElementById("Table").onload = function();

Table.rows[1].cells[4].onload = function() {    
    let tableCell = var
    if (tableCell > 92) {
        document.body.style.backgroundColor = "green";
    } else if ( tableCell > 90) {
        document.body.style.backgroundColor = "orange";
    } else {
        document.body.style.backgroundColor = "red";
    }
};

欢迎任何和所有帮助。

获得澄清后，请参阅本答案示例的第一部分以获取见解，第二部分以进一步了解

首先，您只需将table元素上的

onclick

更改为

onload

。仅在本例中更改为

onclick

，但

onload

也会在项目上触发该方法一次。点击“RunSnippet”按钮查看结果后，继续并单击示例中的表

首先，您需要一个对表对象的引用来获取表，然后首先循环行，然后循环每行的后续单元格。每次传递时，从

innerHTML

中获取数字值，并使用

parseInt

获取数字而不是字符串，然后可以在每次迭代时通过if语句中的表达式进行比较，如示例所示。如果未传递数字，则

try

和

catch

块将提醒您脚本中的错误，以便更正。希望这对你的努力有所帮助，祝你好运

parseCells=（表格）=>{
//首先循环表中的行。
for（设r=0，l=table.rows.length；r92）{
currentCell.style.backgroundColor='绿色'；
}否则如果（currentCellNumber>90）{
currentCell.style.backgroundColor='橙色'；
}否则{
currentCell.style.backgroundColor='红色'；
}
}
//如果出现错误，如单元格内容不是实际数字，或未找到表等，则通过try/catch发出警报。
抓住{
警报（'输入有问题，您确定您的表格单元格只有数字吗？'）
}
}
}
}

td{
宽度：5雷姆；
身高：5雷姆；
文本对齐：居中；
垂直对齐：中间对齐；
边框：灰色1px实心；
过渡：背景色。35秒轻松；
}

反复单击以查看值/颜色变化

获得澄清后，请参阅本答案示例的第一部分以获取见解，第二部分用于进一步学习