간단한 dom 클래스 선택기

Question

<ul> 
    <li> <div class="time"> at 2011-02-05 17:44:28</div></li> 
    <li> <div class="time"> at 2011-02-05 17:40:20</div></li> 
    <li> <div class="time"> at 2011-02-05 17:15:11</div></li> 
    <li> <div class="time"> at 2011-02-05 17:04:14</div></li> 
    <li> <div class="time"> at 2011-02-05 15:54:56</div></li> 
</ul> 

//Reformat timeStamps 
var timeIndex = 0; 
while (timeIndex < 51) 
{ 
    var timeIndexHTML = document.getElementsByClassName("time")[timeIndex].innerHTML; 
    timeIndexHTML = "Reformatted time"; 
    document.getElementsByClassName("time")[timeIndex].innerHTML = timeIndexHTML; 
    timeIndex++; 
} 

어떻게 클래스의 마지막 요소를 감지 한 다음 변수를 51로 만들 수 있습니까?

// 
//*****************************EDITS HERE************************************** 
// 
//Example: 
    var LAST_ELEMENT_OF_CLASS = someMagicCode("time"); 

하고

Answer 1

은 내가 맞춰 볼까 존재하지 않는

document.getElementsByClassName("time")[5] 

을 평가하려고하기 때문에 다음

while (timeIndex < LAST_ELEMENT_OF_CLASS +1){...} 

참고가 현재 작동하지 않습니다. (즉, 당신이 질문을 명확히하십시오 원하는 아니라면)

var elems = document.getElementsByClassName("time"); 
for(var timeIndex = 0; timeIndex < elems.length; ++timeIndex) 
{ 
    elems[timeIndex].innerHTML = "Reformatted time"; 
}