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

时间:2014-04-20 05:30:45

标签: javascript

我在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>

1 个答案:

答案 0 :(得分:0)

我试图理解你的问题,根据我的理解,我创造了一个帮助你解决问题的小提琴。

这是代码,假设你的jsp将呈现一个带有一些行和列的表的html。其中一列将是严重性列,其值为&#34;严重&#34;和#34;少校&#34;。你想要&#34;关键&#34;值为背景红色和&#34;主要&#34;值为黄色。所以我们走了 -

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

欣赏。