2 回答
TA贡献1805条经验 获得超9个赞
看看我的例子,模仿一下,把没用的去掉,这个是个html看看效果
<head>
<title></title>
<script src="/Jquery/jquery-1.6.4.min.js" type="text/javascript"></script>
<script type="text/javascript">
window.onload= function(){
//1.设置表格,从头开始,然后是行
//2.tr 是多个行,所以获得元素也是个集合
//3.如果是奇数行使红色
//4.如果是偶数行是蓝色
var myTbale=document.getElementById("table");
var myTBody=document.getElementsByTagName("tbody")[0];
var myTrs = document.getElementsByTagName("tr");
for(var i=0;i<myTrs.length;i++){
if(i % 2 == 0){
myTrs[i].style.backgroundColor="red";
}else{
myTrs[i].style.backgroundColor="blue";
}
}
}
</script>
</head>
<table id="table" border="1" align="center" width="80">
<tbody>
<tr><td>aaaaaaaa</td><td>aaaaaaaaa</td><td>aaaaaaaa</td></tr>
<tr><td>bbbbbbbb</td><td>bbbbbbbbb</td><td>bbbbbbbb</td></tr>
<tr><td>cccccccc</td><td>ccccccccc</td><td>cccccccc</td></tr>
<tr><td>cccccccc</td><td>ccccccccc</td><td>cccccc</td></tr>
</tbody>
</table>
</html>
添加回答
举报