我需要从跨度内部获取文本。跨度没有ID。它只有一个类。这个班级只有一个跨度。有谁知道如何在javascript中获取此span元素?谢谢!
<span class="galleria-current">1</span>
这与How to Get Element By Class in JavaScript?略有不同,它要求更通用的“获取带有类的元素”,以防有更简单的跨距方式,而且问题是关于替换文本,而我想要<在这种情况下,em> get innerHTML。
答案 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;
}