<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
.even{
background: #eee;
}
.odd{
background: #fff;
}
</style>
</head>
<body>
<input id="btn" type="button"value="点击">
<ul id="fristList">
<li>哈哈</li>
<li>哈哈</li>
<li>哈哈</li>
<li>哈哈</li>
<li>哈哈</li>
</ul>
<script>
var btn = document.getElementById("btn");
var fristList = document.getElementById("fristList");
var lis = fristList.getElementsByTagName("li");
btn.onclick = function (){
for(var i=0; i<lis.length; i++){
if(i%2==0){
lis[i].className="even";
}else{
lis[i].className="odd";
}
}
}
</script>
</body>
</html>