Question

我正在使用ASP.net在html表中显示数据。

    <td>
       <div align="left" >
             <%= %TRIM(DLDPFS + ' ' + Status) %>
       </div>
    </td>

我想要的是，如果状态中的值等于特定的东西，它所在的框应该改变颜色。但我不确定这是否可行，因为你不能在CSS的条件方面做很多事情。

因此，如果状态=＆＃39;低＆＃39;使细胞变红，高细胞使细胞变绿等。

任何人对我如何实现这一目标都有任何想法？

Answer 1

你可以用JS＆amp; amp; CSS。

JS：

var val = document.getElementsByTagName("td"),
    len = val.length;

for(var i = 0; i < len; i++){
    var temp = val[i].innerText;

    if(temp > 0){
        val[i].innerHTML = '<span class="high">'+ temp +'</span>'
    } else {
        val[i].innerHTML = '<span class="low">'+ temp +'</span>'
    }
}

CSS：

.high { color:green; }
.low { color:red; }

希望这有帮助！

Answer 2

只需将您的状态值放入类属性，然后添加适当的CSS即可。 E.g。

<td class = "<%= %TRIM(DLDPFS + ' ' + Status) %>">
       <div align="left" >
             <%= %TRIM(DLDPFS + ' ' + Status) %>
       </div>
    </td>

Css例如

.low {
background-color: red;
}

更改表格单元格的颜色

2 个答案: