JavaScript实现li隔行变色

时间:2023-03-08 19:41:47
JavaScript实现li隔行变色
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script>
window.onload=function ()
{
var aLi=document.getElementsByTagName('li'); for(var i=0;i<aLi.length;i++)
{
//i 0 1 2 3 4 5 6....
if(i%2==0)
{
//0 2 4 6 8 10
aLi[i].style.background='#CCC';
}
else
{
//1 3 5 7 9
aLi[i].style.background='';
}
}
};
</script>
</head>
<body>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</body>
</html>

JavaScript实现li隔行变色