在Java脚本中更改变量的字体颜色
在Java脚本中更改变量的字体颜色
提问于 2016-03-14 14:14:47
我对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>回答 4
Stack Overflow用户
回答已采纳
发布于 2016-03-14 14:25:37
您是否尝试过将元素或字体颜色设置为绿色而不是innerHtml？我相当肯定，您正在尝试在字符串上使用CSS样式，这不应该做任何事情。
如果要将字体颜色设置为绿色，则应该更改字体颜色，而不是样式颜色。
var str = "Hello World!";
var result = str.fontcolor("green");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";Stack Overflow用户
发布于 2016-03-14 14:23:06
我修正了语法，但我不知道你想实现什么
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>
Stack Overflow用户
发布于 2016-03-14 14:23:10
你应该试试这样的方法：
<!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>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/35989897
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号