simple dom class selector

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

Comment puis-je détecter le dernier élément d'une classe, puis faire de 51 une variable?

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

puis

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

Notez qu'il ne fonctionne pas actuellement, car il tente d'évaluer

document.getElementsByClassName("time")[5] 

qui n'existe pas

Answer 1

Laissez-moi deviner. Ce que vous voulez est le suivant:

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

(si ce n'est pas ce que vous voulez s'il vous plaît préciser question)