確定奇數和偶數

Question

有人可以告訴我我在做什么錯嗎？ 我想做的是遍歷列表，並為奇數和偶數分配背景色。

提前致謝。

 var box = document.querySelectorAll('.links-wrapper li'); for(var i = 0; i < box.length; i++){ if(box[i] % 2 === 0){ box[i].style.backgroundColor = 'red'; } else { box[i].style.backgroundColor = 'blue'; } } 

Answer 1

將box[i]更改為i

for(var i = 0; i < box.length; i++){
    if(i % 2 === 0){
        box[i].style.backgroundColor = 'red';
    } else {
        box[i].style.backgroundColor = 'blue';
    }
}

否則您可以使用CSS psuedo選擇器

 .links-wrapper li:nth-child(even) { color: red } .links-wrapper li:nth-child(odd) { color: green } 

 <ul class="links-wrapper"> <li> 1</li> <li> 2</li> <li> 3</li> <li> 4</li> <li> 5</li> </ul>