首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

js依据td的值动态修改td颜色

2013-04-07 
js根据td的值动态修改td颜色做了个DEMO,要求是如果表中某个值超出指定值,那个这个td就变没红色,以下是代码

js根据td的值动态修改td颜色
做了个DEMO,要求是如果表中某个值超出指定值,那个这个td就变没红色,以下是代码

<html><head>            </head><body onload="onload()"><table id=t1 align="center" border="1"><tr><td>第一行</td><td>11</td></tr><tr><td>第二行</td><td>22</td></tr><tr><td>第三行</td><td>33</td></tr><tr><td>第四行</td><td>44</td></tr></table><script type="text/javascript">                 function onload(){     var danger = 25;    var table = document.getElementById("t1")                    //var table = document.getElementById("t1").rows[0].cells[0];                     var rowObj = null;                     var cellObj = null;                                              // 引用rows                     for (var i = 0; i < table.rows.length; i ++){                         rowObj = table.rows[i];                        var s = rowObj.cells[1].innerHTML;if(s>=danger){//rowObj.cells[1].style.color='red';rowObj.cells[1].style.backgroundColor="red";;}                    }                 } </script></body></html>

热点排行