<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<table align="center" border="black 1px sold">
<thead>
<tr>
<td>编号</td>
<td>姓名</td>
<td>年龄</td>
</tr>
</thead>
<tbody id="tb">
<tr>
<td>1</td>
<td>张三</td>
<td>12</td>
</tr>
<tr>
<td>2</td>
<td>李四</td>
<td>45</td>
</tr>
<tr>
<td>3</td>
<td>王五</td>
<td>23</td>
</tr>
<tr>
<td>4</td>
<td>赵六</td>
<td>34</td>
</tr>
</tbody>
</table>
</body>
<script type="text/javascript">
var tbs = document.getElementById("tb");
for(var i=0; i<tbs.rows.length;i++ ){
if(i%2==0){
tbs.rows[i].style.backgroundColor="red";
}else{
tbs.rows[i].style.backgroundColor="blue";
}
}
</script>
</html>
用javascript：实现隔行变色
猜你喜欢
转载自blog.csdn.net/Shi_Yuan_Csdn/article/details/81985932
今日推荐
周排行