在 Java 脚本中更改变量的字体颜色

Change font color of variable in Java script

本文关键字：变量 字体 颜色 改变 Java 脚本      更新时间：2023-09-26

我是HTML，CSS和Java编程的新手。我正在尝试更改JavaScript中HTML元素的颜色和文本。这是我所拥有的。（Pressure_OK与输入相关联;您可以手动将其设置为 0 或 1。基本上，如果输入为 0，那么我希望它以文本形式传递Okay，但我希望文本为绿色。 否则，我希望它以红色Not Okay。

<p  id="pressure"></p>
<script>
var Pressure;
if ('"Pressure_Ok"'==1)
{
    Pressure ="Okay"; 
    press = document.getElementById("pressure").innerHTML = Pressure;
    press.style.color= 'green';
}
else
{
    Pressure ="Gas Pressure: Not Okay"; 
    press = document.getElementById("pressure").innerHTML = Pressure;
    press.style.color= 'red';
}
</script>

您是否尝试过将元素或字体颜色设置为绿色而不是 innerHtml？我相当确定您正在尝试在字符串上使用CSS样式，这不应该做任何事情。

如果要将字体颜色设置为绿色，则应更改字体颜色，而不是样式颜色。

var str = "Hello World!";
var result = str.fontcolor("green");

http://www.w3schools.com/jsref/jsref_fontcolor.asp

使用 JS 和 JQ 需要注意的一件事正是您正在操作的对象。你在哪里有 

press = document.getElementById("pressure").innerHTML

是问题所在，因为在下一行中，您正在作用于元素的 innerHtml，而不是元素本身。

又名，试试这个：

press = document.getElementById("pressure")
press.innerHTML = Pressure;
press.innerHTML.fontcolor("red");

或者相反：

press = document.getElementById("pressure")
press.innerHTML = Pressure;
press.style.color = "red";

我修复了语法，但我不知道你想实现什么

var Pressure;
if ('"Pressure_Ok"'==1)
{
      Pressure ="Okay"; 
      var press = document.getElementById("pressure")
      press.innerHTML = Pressure;
      press.style.color= 'green';
}
else
{
      Pressure ="Gas Pressure: Not Okay"; 
      var press = document.getElementById("pressure")
      press.innerHTML = Pressure;
      press.style.color= 'red';
}
<span id="pressure"></span>

你应该尝试这样的事情：

<!DOCTYPE html>
<html>
<body>
<p  id="pressure"></p>
<script>
var Pressure;
if ('"Pressure_Ok"'==1){
Pressure ="Okay"; 
press = document.getElementById("pressure").innerHTML = Pressure;
document.getElementById("pressure").style.color= 'green';
}
else{
Pressure ="Gas Pressure: Not Okay"; 
press = document.getElementById("pressure").innerHTML = Pressure;
document.getElementById("pressure").style.color= 'red';
}
</script>
</body>
</html>

使用 Jquery 进行简化 

  $("#pressure").css("color","red");
相关文章：