网页是JSP遍历出来的。有很多TD,TD的值都不同的,现在需要根据不同的值填充TD背景。求一段js代码,最好带注释
<script>
var s = '<table border="1" id="test">'
for (var i = 0; i < 5; i++) {
s += '<tr>'
for (var j = 0; j < 5; j++) {
s+='<td>'+(i*j)+'</td>'
}
s+='</tr>'
}
s += '</table>'
document.write(s)
function renderColor(id) {//id为表格的id
var tds = document.getElementById(id).getElementsByTagName('td');//获取表格所所有td
for (var i = 0, j = tds.length; i < j; i++) {
var s = tds[i].innerHTML;
///从这里修改你的逻辑,我这里简单测试依据内容为0则红色,%2==0绿色,%3==0黄色
s = parseInt(s);
if (s == 0) tds[i].style.backgroundColor = 'red'
else if (s % 2 == 0) tds[i].style.backgroundColor = 'green'
else if (s % 3 == 0) tds[i].style.backgroundColor = 'yellow'
}
}
renderColor('test')
</script>