JavaScript if 语句更改文本颜色

Question

这是我在这些论坛上的第一篇文章。我正在尝试创建一个表，该表从我在HTML中运行的程序上的VoIP测试结果中调用其数字。目前，我试图使结果表看起来“漂亮”，如果VoIP抖动被记录为1或更高，它将文本颜色更改为红色，反之亦然为绿色。function testFinished(vJit) {  voipcolor(vJit);  document.getElementById("aftert").innerHTML='<table class="tableRes" id="tableRes"><style>table {border:1px solid black; margin-left:auto; margin-right:auto;} th, td{border:1px solid black;}</style><thead><thead><tr><th colspan="2">VoIP Test</th></tr></thead><Tr><td>Jitter</td><td>' + vJit + 'ms</td></tr></table>';}我还创建了一个 if 语句，但由于某种原因，我不断收到“意外令牌 if”的错误：function voipcolor(vJit)    if (vJit < 1) {        let vJit = '<p style="color:green;">' + vJit + '</p>'    }else if (vJit >= 1) {        let vJit = '<p style="color:red;">' + vJit + '</p>'    }}桌子上还有更多，但因为我问的是颜色，我想我会折射2个单元格而不是10个或更多。是什么导致了 if 语句的错误？插入颜色变化的正确方法是什么？所以我意识到我需要一个返回语句，并尝试将其添加到函数中，我也离开了我编辑@Taplar提到的其他问题。function voipcolor(vJit) {  if (vJit < 1) {    return voipcolor.style.color = "green"      }else{    return voipcolor.style.color = "red";  }}但什么也没发生。我相信我需要打电话给voipcolor（vJit），但我不确定如何。

Answer 1

所以我最终问我的导师/老师/老板...东西。。。人，需要一些帮助。我没有使用if语句调用函数。所以我所做的是将表中的函数替换为voipcolor函数中的然后，而不是我使用的，因为我正在调用该函数，整个函数按顺序运行。当我使用 return 语句时，函数在 return 语句处停止运行。还有其他方法可以做到这一点，解释这一点更适合我的理解，而不是其他任何东西。我确实希望人们能从中学习，并像我一样理解innerHTML属性。+ vJit +function voipcolor(vJit)return voipcolor.style.color = "green"return '<span style="color: green">' + vJit + '</span>'




Answer 2

我不确定你所有的HTML / CSS是如何定义的，但是你能让你的代码看起来像这样吗？

        if (vJit < 1){

           p.style.color = "green";}

        if (rating >= 1){

           p.style.color = "red";}

玩这个可能也会有所帮助：https://www.w3schools.com/js/js_htmldom_css.asp