如何从getElementsByClassName获取所选索引

时间:2014-09-04 23:27:05

标签: javascript jquery

我想从getElementByClassName获取所选索引。

我知道如何从Id中获取它,但不知何故它不能用于ClassName ..

   document.getElementById("Metriclayer").selectedIndex = abc;

像这样我怎样才能获得document.getElementByClassName。

我想在所选索引document.getElementByClassName("MetricClass").

中设置abc(它是一个整数)的值

我该怎么做。

3 个答案:

答案 0 :(得分:2)

没有函数getElementByClassName,函数是getElementsByClassName。如您所见,Elements是复数,因此它返回该类的所有元素的集合,而不是单个元素。您需要索引集合。如果您想要集合的第一个(或唯一的)元素,请使用:

document.getElementsByClassName("MetricClass")[0].selectedIndex = abc;

DEMO

如果你想对所有这些操作,请写一个循环:

var elements = document.getElementsByClassName("MetricClass");
for (var i = 0, l = elements.length; i < l; i++) {
    elements[i].selectedIndex = abc;
}

答案 1 :(得分:0)

document.getElementByClassName不存在,因为它没有意义 - 在单个文档中可能存在具有相同类名的零对多元素。正确的复数函数名称为document.getElementsByClassName。由于这会返回一个元素数组,而不是一个元素,因此需要更多处理才能获得有用的结果。

答案 2 :(得分:0)

试试这个:

var el = document.getElementsByClassName('MetricClass');
var index0 = el[0].selectedIndex;