Question

我有一个我正在研究的网络应用程序，它在整数之间添加。我有两个名为 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语句中删除它，因为您只关心在那里更改颜色。

如果值为负，如何更改文本的颜色？

1 个答案: