다른 모든 목록 요소를 강조 표시하십시오.

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