Javascript-按类获取span？

可能重复：

我需要从一个范围内获取文本。跨度没有ID。它只有一个类。这个类只有一个跨度。有人知道如何在javascript中获得这个span元素吗？谢谢

<span class="galleria-current">1</span>

1

---

这与要求更通用的“使用类获取元素”略有不同，以防有一种更简单的方法来获取跨距，另外这个问题是关于替换文本的，而在这种情况下，我想获取innerHTML。

是的，您可以使用

文档.getElementsByClassName（）

这将返回具有该类名的所有元素的数组。第一个可以这样访问：

var span=document.getElementsByClassName（“galleria current”）[0]

函数getFirstSpanWithClass（cssClass）{
var elements=document.getElementsByTagName（'span'）；
对于（var i=0；i-1）{
返回元素[i]；
}
}
}
var span=getFirstSpanWithClass（'galleria-current'）；//应该返回span元素。
如果（跨度）{
//如果页面上有一个span，则将其innerHTML写入控制台
log（span.innerHTML）；
}

举个例子，让你了解所有这些：

function getSpansWithClass(cssClass) {
    var elements = document.getElementsByTagName('span');
    var out = [];
    for (var i = 0; i < elements.length; i++) {
        if((' ' + elements[i].className + ' ').indexOf(' ' + cssClass + ' ') > -1) {
            out.push(elements[i]);
        }
    }
    return out;
}

函数getSpansWithClass（cssClass）{
var elements=document.getElementsByTagName（'span'）；
var out=[]；
对于（var i=0；i-1）{
推出（元素[i]）；
}
}
返回；
}

查看jQuery-at——使用它，它就像

$（'span.galleria current'）一样简单。

@Niko一行？几乎没有必要。@Niko，这个问题没有标记为jQuery，OP要求一个javascript解决方案。@Jivings对这个任务几乎没有必要，是的-但将来可能会有帮助。@Gabe和jQuery是什么？对，JavaScript。没有说：请不要告诉我关于jQuery这样漂亮的库的任何事情。唯一的问题是（我打算提出同样的建议）它受到地球上所有主流浏览器的支持（好），除了IE8和down（坏）。看+1无论如何。这不是一个跨浏览器解决方案。除了IE8不支持GetElementsByCassName。注释是正确的。此解决方案不适用于较旧的浏览器实现。IE 9确实支持此功能。我喜欢此解决方案，因为您不会意外地获得一些碰巧包含您要查找的类的“非span”。。。

function getSpansWithClass(cssClass) {
    var elements = document.getElementsByTagName('span');
    var out = [];
    for (var i = 0; i < elements.length; i++) {
        if((' ' + elements[i].className + ' ').indexOf(' ' + cssClass + ' ') > -1) {
            out.push(elements[i]);
        }
    }
    return out;
}