Question

可能重复：
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。

Answer 1

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

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

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

Answer 2

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;
}

Javascript - 在课堂上获得跨度？

2 个答案: