Javascript .innerHTML 但不包括内部 div

考虑到我有这个div:

<div class="ResCheckIn">
  <div class="ResDtlLabel">
    Check-in
   </div>
   Thursday, October 18, 2018
</div>

我只是想获取字符串"Thursday, October 18, 2018"，所以排除内部div。 如果我尝试用.innerHMTML:

document.querySelectorAll('.ResCheckIn').innerHTML;

它返回所有内容.ResCheckIn，包括内div与类"ResDtlLabel"， 所以这：

<div class="ResDtlLabel tSmall tLight">
    Check-in</div>
Thursday, October 11, 2018

理想情况下，我希望在不使用 jQuery 的情况下做到这一点。

一种选择是迭代childNodes并过滤textNodes。以下函数获取所有textNode子对象并将它们的值存储在数组中。

const nodes = document.querySelector('.ResCheckIn').childNodes;
const texts = [].reduce.call(nodes, function(ret, el) {
  if ( el.nodeType === 3 ) {
    ret.push(el.nodeValue.trim());
  }
  return ret;
}, []);

texts是一个数组textNode的内容。