如何根据文本/值更改表格单元格的背景？

Question

我在 servlet 中制作了一个模拟器，它读取文本文件并将数据插入 mysql。我还在一个 jsp 页面中显示了该数据。现在我想根据严重性设置表格的背景颜色；比如如果严重性很关键，那么背景颜色必须是红色，如果是警告，那么它应该是黄色。我该怎么做？

<script language="javascript">

var tbl = document.getElementById("table1_id");
var c = "critical";
var maj = "major";

// alert(tbl.rows[4].cells.length);
if (tbl != null) {
    for (var i = 1; i < tbl.rows.length; i++) {

        for (var j = 0; j < tbl.rows[i].cells.length; j++) {
            if (j == 2) {
                var tmp = tbl.rows[i].cells[2].innerHTML;
                alert(typeof(tmp) + " and " + typeof(maj));
                var tmp = "major";
                alert("value of severity" + tmp);
                if (tmp == maj) {
                    alert("hi-- I am major");
                } else alert("its not working");
            }
        }
    }
} else document.writeln("Sorry");

</script>

Answer 1

我试图了解您的问题，并根据我的理解创建了一个小提琴来帮助您解决问题。

这里是代码，假设您的 jsp 将呈现一个带有具有一定数量的行和列的表的 html。其中一列将是具有“关键”和“主要”值的严重性列。您希望“关键”值是背景红色，“主要”值是黄色。所以我们开始-

tmp=tbl.rows[i].cells[2].innerHTML;
switch(tmp) {
    case critical:
        tbl.rows[i].cells[2].className='red-background';
        break;
    case major:
        tbl.rows[i].cells[2].className='yellow-background';
        break;    
}

FIDDLE

欣赏。