如何改变文本的颜色，如果一个值是负的？

Question

我有一个web应用程序，我正在处理整数之间的加法。我有两个函数称为num1（）和num2（），它将两个整数作为用户的输入。我想要做的是改变结果输出文本颜色，如果两个整数的和为负数。我如何使用JavaScript做到这一点？

我见过很多jQuery示例，但我想单独使用JS来完成此任务。

function addIntegers() { 
     var sum = num1() + num2(); 
     if(sum < 0) { 
     document.getElementById('display').innerHTML= 
      "Result: " + sum; 
     } 

     else { 
      document.getElementById('display').innerHTML= 
      "Result: " + sum; 
     } 
    } 

Answer 1

DOM对象有一个.style对象，它可以让你设置任何你想要的。在你的情况，你要寻找的color属性，所以你的功能应该是这样的：

function addIntegers() { 
    var sum = num1() + num2(); 
    var displayObj = document.getElementById('display'); 
    displayObj.innerHTML = "Result: " + sum; 
    if (sum < 0) 
     displayObj.style.color = 'red' 
    else 
     displayObj.style.color = 'green' 
} 

你会发现我有问题的元素设置为一个对象，所以你不必叫getElementById做多次。此外，由于您始终会写出金额，因此您可以从if声明中删除该项金额，因为您只关心如何更改那里的颜色。