求教：关于表格的背景色!

[huixyn]

对于一个表格，知道了它的行数，怎样用JAVASCRIPT写一个函数，使得奇偶行的背景色不同？

[kaibinsj]

i:
<% i = 1
Do While Not Rs.EoF %>
<tr bgcolor=#<%if i mod 2=0 then Response.Write "E0E0E0" else Response.Write "FFFFFF"%>>
<td class=SWhite></a></td></tr><%
i=i+1
Rs.MoveNext
Loop
%>

ii:
<%
color=#00000
color1=#ffffff
n=0
%>
<table>
<%do while not rs.eof
n=n+1
if n mod 2=0 then
bgcolor=color
else
bgcolor=color1
end if
%>
<tr bgcolor=<%=bgcolor%>>

</tr>
<%rs.movenext
loop
%>
</table>


iii:
rowcount=rs.pagesize

n=1
do while not rs.eof and rowcount>0
if n=1 then
response.write"<tr bgcolor=#ffffff>"
else
response.write"<tr bgcolor=#eeeeee>"
end if
n=1-n
%>

<td><span ><%=rs("t1") %></span></td>
<td><span ><%=rs("t2") %></span></td>
<td><span ><%=rs("t3") %></span></td>
<td><span ><%=rs("t4") %></span></td>
<td><span ><%=rs("t5") %></span></td>
<td><span ><%=rs("t6") %></span></td>
<td><span ><%=rs("t7") %></span></td>
</tr>

<%
rowcount=rowcount-1

rs.movenext
loop

[eva]

<TABLE id=t>
<TR>
<TD>af</TD>
<TD>fd</TD>
</TR>
<TR>
<TD>a</TD>
<TD>a</TD>
</TR>
<TR>
<TD>a</TD>
<TD>a</TD>
</TR>
<TR>
<TD>a</TD>
<TD>a</TD>
</TR>
</TABLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
for (i=0;i<4;i+=2)
{
t.rows[i].bgColor="blue"
}

//-->
</SCRIPT>

[eva]

<TABLE id=t>
<TR>
<TD>af</TD>
<TD>fd</TD>
</TR>
<TR>
<TD>a</TD>
<TD>a</TD>
</TR>
<TR>
<TD>a</TD>
<TD>a</TD>
</TR>
<TR>
<TD>a</TD>
<TD>a</TD>
</TR>
</TABLE>
<SCRIPT LANGUAGE="JavaScript">
for (i=0;i<t.rows.length;i++)
{
if (i%2==0)
t.rows[i].bgColor="blue"
else
t.rows[i].bgColor="red"
}
</SCRIPT>

[yzwxjun]

设一个变量，然后在循环里面改变他的值就行了，再加个判断

[huixyn]

第二种方法更简便一些，多谢各位大哥相助!

[cloudchen]

<SCRIPT LANGUAGE="JavaScript">
window.onload = function() {
doubleBgColor(document.getElementById("table1"),"#cecece","#ececec")
}

function doubleBgColor(Table,Bg1,Bg2) {
for (var i=0;i<Table.rows.length;i++) Table.rows[i].bgColor=i%2?Bg2:Bg1;
}
</SCRIPT>
<TABLE border=0 cellpadding=1 cellspacing=1 id="table1" width="300">
<TR><TD> </TD></TR>
<TR><TD> </TD></TR>
<TR><TD> </TD></TR>
<TR><TD> </TD></TR>
<TR><TD> </TD></TR>
<TR><TD> </TD></TR>
<TR><TD> </TD></TR>
<TR><TD> </TD></TR>
<TR><TD> </TD></TR>
<TR><TD> </TD></TR>
<TR><TD> </TD></TR>
<TR><TD> </TD></TR>
</TABLE>

[blues-star]

哇，又看到两种写法。

i+=2 这个有点意思，不过功能上要弱一点。
至于 ? : 这个跟if一样啦。

[007james]

<table name="tbl">
<tr style="background: white">
</tr>
...
</table>
<SCRIPT LANGUAGE="JavaScript">
for (var i=0;i<tbl.rows.length;i++)
{
if (i%2 = 0)
tbl.rows(i).style.backgroud = "red";
else
tbl.rows(i).style.backgroud = "yellow";
}

</SCRIPT>