关于 javascript document.getElementsByClassName() 的查询

Question

所以有两个时间标签分别具有不同的类名“u-dt”和“latestDate u-dt”。 我正在尝试使用 document.getElementsByClassName().innerhtml 来选择“u-dt”类仅在 20 分钟前打印，但它也在 38 分钟前从“latestDate u-dt”类中推出，这是 38 分钟，我不不想要那个，我只想要 20 分钟前的“u-dt”课。

<time class="u-dt" dir="auto" datetime="2020-01-18T11:04:03+0530" data-time="1579325643" data-date-string="Jan 18, 2020" data-time-string="11:04 AM" title="Jan 18, 2020 at 11:04 AM">20 minutes ago</time>

<time class="latestDate u-dt" dir="auto" datetime="2020-01-18T10:47:10+0530" data-time="1579324630" data-date-string="Jan 18, 2020" data-time-string="10:47 AM" title="Jan 18, 2020 at 10:47 AM">38 minutes ago</time

我试过的代码：

var allOrangeJuiceByClass = document.getElementsByClassName('u-dt');
var result = "document.getElements`enter code here`ByClassName('u-dt')";
for (var i = 0, len = allOrangeJuiceByClass.length|0; i < len; i = i+1|0) {
  result += "\n  " + allOrangeJuiceByClass[i].textContent;
}

输出：

20 minutes ago
38 minutes ago 

Answer 1

 var result = ""; [...document.querySelectorAll('time')].forEach(function(ele){ if(!ele.classList.contains("latestDate")){ result += ele.innerText + "\\n"; } }); console.log(result);

 <time class="u-dt" dir="auto" datetime="2020-01-18T11:04:03+0530" data-time="1579325643" data-date-string="Jan 18, 2020" data-time-string="11:04 AM" title="Jan 18, 2020 at 11:04 AM">20 minutes ago</time> <time class="latestDate u-dt" dir="auto" datetime="2020-01-18T10:47:10+0530" data-time="1579324630" data-date-string="Jan 18, 2020" data-time-string="10:47 AM" title="Jan 18, 2020 at 10:47 AM">38 minutes ago</time>