Javascript 如果是负数还是正数，如何改变数字的颜色？

我有一个函数，可以计算从今天到昨天以及本周与前一周的销售额差异。我如何更改它，使其在值为负值时变为红色，在值为正值或中性时变为绿色

这是我的HTML：

<div class="card-footer-transparent text-center pt-2">
<span id="span_day_diff">TBC</span> from previous day
</div>

---

您需要

css

方法来设置颜色

     if (day[0] >= 0) {
        $('#span_day_diff').empty().append("+ " + day.join()); 
        $('#span_day_diff').css('color', 'green');
     } else {
        $('#span_day_diff').empty().append(day.join()); 
        $('#span_day_diff').css('color', 'red');
     };

试试这个

function dif_day(data) {
         val = data[0]
         var day= [];
         day.push(val.DAY_DIFF);

         if (day[0] >= 0) {
            $('#span_day_diff').empty().append("+ " + day.join()); 
            $('#span_day_diff').style.color = 'green';
         } else {
            $('#span_day_diff').empty().append(day.join()); 
            $('#span_day_diff').style.color = 'red';
         }

       };

---

如果您只是想将样式设置为标签，为什么不使用

document.getElementById('mySpan').classList.add('positive')

---

---

请不要要求别人为您编写代码。发布您尝试过的内容，哪些有效，哪些无效。您可以使用JS向container div添加一个类，它将改变您想要的颜色。例如，

.green{color:green；}.red{color:red}

插入不起任何作用的代码段是没有意义的。

document.getElementById('mySpan').classList.add('positive')

    .positive {
        color: green;
    }

    .negative {
        color: red;
    }

    .default {
        color: gray;
    }