根据不同的值填充TD背景

Question

网页是JSP遍历出来的。有很多TD，TD的值都不同的，现在需要根据不同的值填充TD背景。求一段js代码，最好带注释

Answer 1

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