在table如何实现奇数行和偶数行用不同的颜色表示

在table如何实现奇数行和偶数行用不同的颜色表示,css怎么写
---------------------------------------------------------------

用CSS:

1<style>   
2.t1 {background: menu}   
3.t2 {background: white}   
4</style>
1<table border="1" id="tab1">
2<tr><td>aaa</td><td>bbb</td></tr>
3<tr><td>aaa</td><td>bbb</td></tr>
4<tr><td>aaa</td><td>bbb</td></tr>
5<tr><td>aaa</td><td>bbb</td></tr>
6<tr><td>aaa</td><td>bbb</td></tr>
7<tr><td>aaa</td><td>bbb</td></tr>
8</table>
 1<script language="javascript">   
 2var a = document.all.tab1.getElementsByTagName("tr");   
 3//要得到网页里所的TR对象可以用document.getElementsByTagName("tr")   
 4var c   
 5for (var i=0; i<a.length; i++)   
 6{   
 7c = (c=="t1") ? "t2" : "t1";   
 8a[i].className = c   
 9}   
10</script>

---------------------------------------------------------------

1<table border="1" id="tab1">
2<tr><td>aaa</td><td>bbb</td></tr>
3<tr><td>aaa</td><td>bbb</td></tr>
4<tr><td>aaa</td><td>bbb</td></tr>
5<tr><td>aaa</td><td>bbb</td></tr>
6<tr><td>aaa</td><td>bbb</td></tr>
7<tr><td>aaa</td><td>bbb</td></tr>
8</table>
1<script language="javascript">   
2var a = document.all.tab1.getElementsByTagName("tr");   
3//要得到网页里所的TR对象可以用document.getElementsByTagName("tr")   
4for (var i=0; i<a.length; i++)   
5{   
6a[i].style.background=(i%2==1) ? "#C0C0C0" : "#FFFFFF";   
7}   
8</script>
Published At
Categories with Web编程
comments powered by Disqus