Javascript 如果值大于0,如何更改表数据颜色

Javascript 如果值大于0,如何更改表数据颜色,javascript,html,css,Javascript,Html,Css,我正在编写一个事务表,它应该以红色显示借方值,以绿色显示贷方值,但我希望这种颜色仅在使用javascript的表数据大于0时生效。请帮忙 <table class="table table-bordered table-striped"> <thead> <tr bgcolor="#ccccff"> <th scope="col"> Debit</th>

我正在编写一个事务表,它应该以红色显示借方值,以绿色显示贷方值,但我希望这种颜色仅在使用javascript的表数据大于0时生效。请帮忙

    <table class="table table-bordered table-striped">
          <thead>
            <tr bgcolor="#ccccff">

              <th scope="col">   Debit</th>
              <th scope="col"> Credit</th>

            </tr>
          </thead>
          <tbody>
            <tr>

              <td id='red' style="color:red; font-weight: bold;"> 100  </td>
              <td id='green' style="color:green; font-weight: bold;">       
                200
                </td>

            </tr>


          </tbody>

通过查看html,看起来您正在使用datatables,所以您必须使用jQuery,下面是我将如何做到这一点的

$document.readyfunction{ 变量表=$'example'。数据表{ columnDefs:[{ 目标:3, 呈现:functiondata、类型、行{ var color='黑色'; 如果数据<0{ 颜色=红色; } 如果数据>0{ 颜色='绿色'; } 返回+数据+; } }] }; }; 名称 位置 办公室 年龄 开始日期 薪水 名称 位置 办公室 年龄 开始日期 薪水 老虎尼克松 系统架构师 爱丁堡 61 2011/04/25 $3,120 加勒特温特斯 经理 爱丁堡 -3 2011/07/25 $5,300 阿什顿考克斯 技术作者 旧金山 66 2009/01/12 $4,800 塞德里克·凯利 Javascript开发人员 爱丁堡 22 2012/03/29 $3,600 詹娜·艾略特 财务总监 爱丁堡 33 2008/11/28 $5,300 布里尔·威廉姆森 集成专家 纽约 -61 2012/12/02 $4,525
到目前为止,你做了哪些研究或尝试?你面临什么问题?这不是一个免费的“写我的代码”或“做我的研究”网站,但我们将帮助您完成您自己所做的任何努力。另外,您是如何填充此表的?假设您不打算硬编码它,那么无论填充表的代码是服务器端代码还是JavaScript,在创建/填充单元格时设置颜色都是有意义的。