突出显示所有其他列表元素

【问题标题】：Highlight every other list element突出显示所有其他列表元素
【发布时间】：2012-06-02 21:04:27
【问题描述】：

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

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案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';   
}

【讨论】：