###涉及的知识点:spa
1.if语句的熟练运用.
2.for循环的熟练运动.
var lis = document.querySelectorAll('li');
var button = document.querySelector('button');
var count = 0; //计数器
button.onclick = function() {
count++;
if(count%2 === 0) {
for(var i=0; i <lis.length; i++) {
if(i % 2 ===0) {
lis[i].setAttribute('class','green');
} else {
lis[i].setAttribute('class','red');
}
}
}else{
for(var i=0; i<lis.length; i++) {
if(i%2 ===0) {
lis[i].setAttribute('class','red');
}else{
lis[i].setAttribute('class','green');
}
}
}
}
//此案例不具备实用性,可是能让咱们充分的对for循环和if语句有深入的了解,而且咱们经过setInterval就能实现相似于一个GIF的效果,这在电商网之中,我认为是很常见的。复制代码