Javascript - 在课堂上获得跨度?

时间:2012-06-04 18:48:09

标签: javascript html

  

可能重复:
  How to Get Element By Class in JavaScript?

我需要从跨度内部获取文本。跨度没有ID。它只有一个类。这个班级只有一个跨度。有谁知道如何在javascript中获取此span元素?谢谢!

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

这与How to Get Element By Class in JavaScript?略有不同,它要求更通用的“获取带有类的元素”,以防有更简单的跨距方式,而且问题是关于替换文本,而我想要<在这种情况下,em> get innerHTML。

2 个答案:

答案 0 :(得分:10)

是的,您可以使用document.getElementsByClassName()

这将返回包含该类名的所有元素的数组。所以第一个可以像这样访问:

var span = document.getElementsByClassName("galleria-current")[0]

答案 1 :(得分:4)

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

var span = getFirstSpanWithClass('galleria-current'); // should return your span element.
if (span){
    // in case there is a span on the page, write its innerHTML to console
    console.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;
}