Question

我是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>

Answer 1

您是否尝试将元素或字体颜色设置为绿色而不是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";

Answer 2

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

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>

Answer 3

你应该尝试这样的事情：

<!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>

Answer 4

使用Jquery进行简化

  $("#pressure").css("color","red");

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

4 个答案: