Mettre en surbrillance tous les autres éléments de la liste

Question

J'ai une div comme ceci: http://jsfiddle.net/ANvpS/. Comment puis-je surligner de préférence tous les autres éléments de la liste sans utiliser jQuery?

Answer 1

La manière la plus simple d'effectuer ceci est avec CSS, pour les navigateurs compatibles. Exemple de 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'; 
}