简单的 dom 类选择器答案

【问题标题】：simple dom class selector简单的 dom 类选择器
【发布时间】：2011-02-06 02:30:21
【问题描述】：

<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]

不存在的

【问题讨论】：

“then make 51 a variable”是什么意思？

标签： javascript dom css-selectors innerhtml getelementsbyclassname

【解决方案1】：

让我猜猜。你想要的是这样的：

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

（如果这不是您想要的，请澄清问题）

【讨论】：