来自javascript动态变量的动态更新样式表

我有一个小的html页面，其中包含一些从小型plc获取的javascript变量。其中一个变量是温度的变化

我的变量是： temp4name temp4ValFixed TEMP4设定点 德尔塔坦普

这些都是在tempexampleTest_5.js中获得的，并显示在HTML页面上

我的testTemp.html上有以下代码：

</label>
    <div id="temp4name" class="textStyleTitle">Probe</div>
    <div id="temp4SetPoint" class="textStyleSetpoint">Setpoint</div>
    <div id="deltaTemp" class="textStyleDelta">Delta</div> 

    <div id="temp4ValFixed" class="tempstyleSetpoint">0</div>   
}

</body>
<!--load and run our javascript-->
<script src="tempexampleTest_5.js"></script>

我的变量deltaTemp=（temp4SetPoint-temp4ValFixed）

如果deltaTemp（>1），那么我想在
0或将.tempstyleSetpoint中的颜色属性更改为#f25009。我会有其他的改变，但如果我能改变这一个，我将能够做剩下的

所以基本上我想根据动态变量deltaTemp改变HTML上的文本颜色

我有3个文件： testTemp.html tempexampleTest_5.js tempstyleAll3.css

---

我读过关于改变颜色的书，但是我是如此的新，我不知道把代码放在哪里去做。我尝试在tempexampleTest_5.js中声明一个变量tCSS并对其进行更改，但当我在0中输出变量时，它没有被用作样式表。

您愿意使用库或框架吗？一个用于主动更新变量的好框架是angular.js，一个用于操作样式和元素的好库是jquerytanks，我将检查angular.js。

.tempstyleSetpoint
{text-align: center; background-color: #000000;font: 520px Arial Black, sans-serif;
  color: #00FF00;
}