突出显示每个其他列表元素

Question

我有一个这样的div：http://jsfiddle.net/ANvpS/。如何在不使用jQuery的情况下突出显示div中的每个其他列表元素？

Answer 1

对于兼容的浏览器，最简单的方法是使用CSS。 this link的示例：

li:nth-child(even) {background: #CCC}
li:nth-child(odd)  {background: #FFF}

Answer 2

http://jsfiddle.net/loktar/ANvpS/2/

var listItems = document.getElementsByTagName('li');

for(var i = 0; i< listItems.length; i+=2){
     listItems[i].style.background='red';   
}