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>

确定奇数和偶数

1 个答案: