jquery实现:
复制代码 代码如下:
br>"http://www.w3.org/TR/html4/loose.dtd">
<script type="text/javascript" src="jquery-core/jquery-1.8.0.js"></script>
<script type="text/javascript"> <br>$(function(){ <br>//可以是:$('#t1 tbody tr:even').css('background','red'); <br>$('#t1 > tbody tr:even').css('background','red'); <br>$('#t1 > tbody tr:odd').css('background','blue'); <br>}); <br></script>
| aaaaaaa |
| bbbbbbb |
| ccccccc |
| ddddddd |
| eeeeeee |
| fffffff |
| ggggggg |
| hhhhhhh |
JS实现：
复制代码 代码如下:
br>"http://www.w3.org/TR/html4/loose.dtd">
<script type="text/javascript"> <br>//页面加载事件 <br>window.onload=function(){ <br>//获取table <br>var tb1 = document.getElementById("t1"); <br>//获取table中的tbody <br>var tbody = tb1.getElementsByTagName("tbody")[0]; <br>//获取tr <br>var trs = tbody.getElementsByTagName("tr"); <br>//根据奇、偶行显示不同的背景颜色 <br>for(var i=0; i<trs.length;i++){ <br>if(i%2==0){ <br>trs[i].style.backgroundColor="red"; <br>}else{ <br>trs[i].style.backgroundColor="blue"; <br>} <br>} <br>} <br></script>
| aaaaaaa |
| bbbbbbb |
| ccccccc |
| ddddddd |
| eeeeeee |
| fffffff |
| ggggggg |
| hhhhhhh |
