<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>表格隔行换色</title>
<script>
function color(){
var table = document.getElementById("table");
var rows = table.rows;
for(var i=1;i<rows.length;i++){
if(i%2 == 0){
rows[i].bgColor = "yellow";
}else{
rows[i].bgColor = "red";
}
}
}
</script>
</head>
<body onload="color()">
<table border="1px" width="600px" id="table">
<tr>
<td><input type="checkbox"/></td>
<td>分类ID</td>
<td>分类名称</td>
<td>分类商品</td>
<td>分类描述</td>
<td>操作</td>
</tr>
<tr>
<td><input type="checkbox"/></td>
<td>1</td>
<td>手机数码</td>
<td>华为,小米,vivo</td>
<td>手机</td>
<td>
<a href="#">修改</a>|<a href="#">删除</a>
</td>
</tr>
<tr>
<td><input type="checkbox"/></td>
<td>2</td>
<td>电脑办公</td>
<td>华为,小米,联想</td>
<td>电脑</td>
<td>
<a href="#">修改</a>|<a href="#">删除</a>
</td>
</tr>
<tr>
<td><input type="checkbox"/></td>
<td>3</td>
<td>水果蔬菜</td>
<td>苹果,香蕉,番茄</td>
<td>补充维生素</td>
<td>
<a href="#">修改</a>|<a href="#">删除</a>
</td>
</tr>
<tr>
<td><input type="checkbox"/></td>
<td>4</td>
<td>馋嘴零食</td>
<td>辣条,牛肉干,薯片</td>
<td>年货</td>
<td>
<a href="#">修改</a>|<a href="#">删除</a>
</td>
</tr>
<tr>
<td>
<input type="checkbox" />
</td>
<td>5</td>
<td>床上用品</td>
<td>床单,被套,四件套</td>
<td>都是布的</td>
<td><a href="#">修改</a>|<a href="#">删除</a></td>
</tr>
</table>
</body>
</html>
![]()
浙公网安备 33010602011771号