###涉及的知識點: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的效果,這在電商網之中,我認爲是很常見的。複製代碼