Highlight every other list element

I have a div like this: http://jsfiddle.net/ANvpS/. How开发者_Python百科 can I highlight every other list element in the div preferably without using jQuery?

The easiest way to perform this is with CSS, for compatible browsers. Example from this link:

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

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';   
}