<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>054</title>
</head>
<body>
<ui>
<li>001</li>
<li>002</li>
<li>003</li>
<li>004</li>
<li>005</li>
<li>006</li>
<li>007</li>
<li>008</li>
<li>009</li>
<li>0010</li>
</ui>
</body>
<script type="text/javascript">
var lis = document.querySelectorAll('li:nth-child(2n+1)');
for (var i = 0; i < lis.length; i++) {
lis[i].setAttribute("style","background-color:#ffeeee");
}
var lis = document.querySelectorAll('li:nth-child(even)');
for (var i = 0; i < lis.length; i++) {
lis[i].setAttribute("style","background-color:#eeffee")
}
</script>
</html>