!用js实现表格中有背景色的单元格的连续数目

求助!用js实现表格中有背景色的单元格的连续数目
	<div id="U" style=" position:absolute;border-style:solid;border-width:1px;top: 100px;">
<table id="tab" border="1px" cellspacing="1px" cellpadding="10px">
<tr><td id="1" bgcolor="red" width="150px">Running</td></tr>
<tr><td id="2" bgcolor="red">Running</td></tr>
<tr><td id="3" bgcolor="red">Running</td></tr>
<tr><td id="4">stop</td></tr>
<tr><td id="5" bgcolor="red">Running</td></tr>
<tr><td id="6" bgcolor="red">Running</td></tr>
<tr><td id="7">stop</td></tr>
<tr><td id="8" bgcolor="red">Running</td></tr>
<tr><td id="9">stop</td></tr>
<tr><td id="10">stop</td></tr>
</table>
</div>


有个10行1列的表格123,56,8行是红色 ,其他无色。用js 输出有颜色的起始行的行号,和连续有色行的个数。  比如输出的是:开始行:1,连续数:3。开始行:5,连续数:2。开始行:8,连续数:1。
------解决思路----------------------

<div id="U" style=" position:absolute;border-style:solid;border-width:1px;top: 100px;">
<table id="tab" border="1px" cellspacing="1px" cellpadding="10px">
<tr><td id="1" bgcolor="red" width="150px">Running</td></tr>
<tr><td id="2" bgcolor="red">Running</td></tr>
<tr><td id="3" bgcolor="red">Running</td></tr>
<tr><td id="4">stop</td></tr>
<tr><td id="5" bgcolor="red">Running</td></tr>
<tr><td id="6" bgcolor="red">Running</td></tr>
<tr><td id="7">stop</td></tr>
<tr><td id="8" bgcolor="red">Running</td></tr>
<tr><td id="9">stop</td></tr>
<tr><td id="10">stop</td></tr>
</table>
</div>
<script type="text/javascript">
var str = "", n=1, m=0;
for(var i=1; i<=10; i++)
{
if(document.getElementById(i).bgColor=="red")
m++;
else
{
if(m>0)
str += "开始行:"+n+",连续数:"+m+"。\n";
m = 0;
n = i+1;
}
}
alert(str);
</script>