Question

刚刚开始对javascript有一点了解，但是我可以在以下挑战中使用一些帮助。我正在尝试从元素中获取innerText，该元素的多个类在同一页面上具有相同名称。我要引用的页面包含四个列表项，所有列表项均为“ item-details”。这四个列表项都具有innerText，我正尝试使用javascript语句返回该文本。代码库如下所示：

<ul class="item-details">
<li><span class="item-detail"><i class="fa fa-left fa-tags"></i><a href="https://www.test.com/all-items/?category=test" title="tags">Tags</a></span></li>
<li><span class="item-detail"><i class="fa fa-left fa-calendar"></i>26 march 2019</span></li>
<li><span class="item-detail"><strong>Level</strong>: Level 5</span></li>
<li><span class="item-detail"><strong>Source</strong>: <a href="https://www.testsource.com/" title="Test Source" target="_blank">Test Source</a></span></li>

我希望四个单独的javascript代码片段带有四个列表项之一的innerText的return语句。我需要四个单独的代码段，因为我需要在一个单独的自定义javascript变量中的不同平台Google跟踪代码管理器中定义每个页面级变量。因此，我正在寻找四段JavaScript，它们仅从每个列表元素返回innerText。因此，我希望通过查看我提供的示例代码可以返回以下值： -标签 -2019年3月26日 -：5级 -测试源

纯JavaScript，没有jQuery，将不胜感激！

希望有人能够教育我！

如果我忽略了该论坛上先前提出的问题，并提供了可能的相关答案，非常欢迎您向该方向推进。

Answer 1

var result = document.getElementsByClassName('item-detail');

result.forEach(element => {
    console.log(element.innerText)
});

嵌套的innerText多个元素相同的类

1 个答案: