Javascript 从我按类名获得的所有元素中获取一个特定元素?

Javascript 从我按类名获得的所有元素中获取一个特定元素?,javascript,getelementsbyclassname,Javascript,Getelementsbyclassname,我正在编写一个脚本,我正在处理网页上的一组元素,这些元素都有类似的类名,如下所示: <span class="values">1 </span> <span class="values">2 </span> <span class="values">23 </span> 所以我在这里做的是: 我首先得到所有元素的类名为“values” 然后我定义元素列表中的第三个元素 我做错了什么?也许即使在“inspect elem

我正在编写一个脚本,我正在处理网页上的一组元素,这些元素都有类似的类名,如下所示:

<span class="values">1 </span>
<span class="values">2 </span>
<span class="values">23 </span>
所以我在这里做的是:

  • 我首先得到所有元素的类名为“values”
  • 然后我定义元素列表中的第三个元素
我做错了什么?也许即使在“inspect element”菜单中,它们出现在彼此的下方,也没有这样的排名,所以它不知道我对[3]的意思是什么

谢谢你的帮助


PS:我知道第三个值总是大于20。

数组以[0]开头,所以您需要的是元素[2] 您可能还想添加“innerHTML”来获取值

var numbers = document.getElementsByClassName("values"),
    rank = numbers[2].innerHTML;

如果要将第三个元素的排名作为一个数字,应执行以下操作:

var numbers = document.getElementsByClassName("values"),
    rank = parseInt(numbers[2].innerHTML, 10);

它的索引为零,因此可能是
numbers[2]
为该元素指定一个Id并使用document.getElementById()引用它。
var numbers = document.getElementsByClassName("values"),
    rank = parseInt(numbers[2].innerHTML, 10);