JavaScript if 语句更改文本颜色

这是我在这些论坛上的第一篇文章。我正在尝试创建一个表,该表从我在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),但我不确定如何。


有只小跳蛙
浏览 127回答 2
2回答

繁星淼淼

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

陪伴而非守候

我不确定你所有的HTML / CSS是如何定义的,但是你能让你的代码看起来像这样吗?&nbsp; &nbsp; &nbsp; &nbsp; if (vJit < 1){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;p.style.color = "green";}&nbsp; &nbsp; &nbsp; &nbsp; if (rating >= 1){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;p.style.color = "red";}玩这个可能也会有所帮助:https://www.w3schools.com/js/js_htmldom_css.asp
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript