простой селектор класса dom - PullRequest
Новая
       21

простой селектор класса dom

0 голосов
/ 06 февраля 2011 
<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");

, а затем 

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

Обратите внимание, что в настоящее время это не работает, потому что он пытается оценить 

document.getElementsByClassName("time")[5]

Которого не существует

1 Ответ

4 голосов
/ 06 февраля 2011

Дай угадаю.То, что вы хотите, это: 

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

(если это не то, что вы хотите, пожалуйста, уточните вопрос)

...