【JS】隔行变色

效果图

html

<ul>
        <li>link1</li>
        <li>link2</li>
        <li>link3</li>
        <li>link4</li>
        <li>link5</li>
    </ul>

CSS

.active{
            background: #ccc;
        }

JS

  var li = document.querySelectorAll("li");
        // console.log(li[0]);
        for(var i=0;i<li.length;i++){
            if(i%2==0){
                li[i].className='active';
            }
        }