javascript - 如何通过 ClassName 仅获取元素的特定标签？

Question

<div class="dates">
  <span class="dates>value</span>
</div>

我想提取具有 dates 类的所有元素，但只提取跨度元素。

我将如何修改以下 JS:

var elements = document.getElementsByClassName("dates"); //gets both div + span

最后我想提取 span 标签的所有文本值。

我使用“旧的”getElementsByClassName 来支持旧版浏览器。

Answer 1

如果可以，请使用 querySelectorAll :

var elements = document.querySelectorAll("span.dates");

否则，您可以使用tagName过滤现有元素:

var elements = document.getElementsByClassName("dates");
for(var i=elements.length; i--;) {
    if(elements[i].tagName.toLowerCase() != "span") continue;
    // Do work
}