title: textContent works on a node, but innerText does not?
body: <p>I currently have following code:</p>
  
  <pre><code>  function wrapTextNodeInWordTags(textNode) {
    if (
      textNode.nodeName !== "#text" ||
      textNode.parentNode.nodeName === "SCRIPT" ||
      textNode.parentNode.nodeName === "STYLE" ||
      textNode.parentNode.nodeName === "IFRAME"
    ) {
      return;
    }
    let origText = textNode.textContent; --&gt; the issue
    let newHtml = wrapWords(origText);
  
    if (newHtml !== origText) {
      let newSpan = document.createElement("span");
      newSpan.innerHTML = newHtml;
      textNode.parentNode.replaceChild(newSpan, textNode);
    }
  }
  
  function wrapDOM() {
    let all = document.querySelectorAll("*");
    let textNodes = [];
    for (let p of all) {
      let nodeIter = document.createNodeIterator(p, NodeFilter.SHOW_TEXT);
      let currentNode;
  
      while ((currentNode = nodeIter.nextNode())) {
        textNodes.push(currentNode);
      }
    }
  
    textNodes.forEach(function(el) {
      if (el.parentNode !== null) wrapTextNodeInWordTags(el);
    });
  
    iterWordTags();
  }
  </code></pre>
  
  <p>It wraps all words on the page and does it so in a correct fashion... BUT <code>textNode.textContent</code> will extract all the text from the page, including those hidden in modals or other one-page wonders. If I replace it with <code>innerText</code>, which does exactly what I want (see: <a href="https://developer.mozilla.org/en-US/docs/Web/API/Node/textContent" rel="nofollow noreferrer">MDN</a> under differences from innerText) however, the node will return a whole bunch of <code>undefined</code>, sometimes a <code>-</code>
  I'm a little confused when it comes to these nodes. What would be the reason this doesn't work ? Doing <code>body.innerText</code> works just fine, that's a node too, no ? Am I missing something ?</p>
  
  <p><strong>EDIT 1:</strong> I made a jsfiddle that illustrates what happens on a simple site with both innerText and textContent</p>
  
  <p><a href="https://jsfiddle.net/7jweed7y/6/" rel="nofollow noreferrer">https://jsfiddle.net/7jweed7y/6/</a></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>function wrapTextNodeInWordTags(textNode) {
  
    document.getElementById('innerText-result').innerText += textNode.innerText;
    document.getElementById('textContent-result').innerText += textNode.textContent;
  }
  
  //Pick up all the tags on a page, seek their deepest node and perform the wrapping so that the text has elements to navigate to.
  function wrapDOM() {
    let all = document.querySelectorAll("*");
    let textNodes = [];
    for (let p of all) {
      let nodeIter = document.createNodeIterator(p, NodeFilter.SHOW_TEXT);
      let currentNode;
  
      while ((currentNode = nodeIter.nextNode())) {
        textNodes.push(currentNode);
      }
    }
  
    textNodes.forEach(function(el) {
      if (el.parentNode !== null) wrapTextNodeInWordTags(el);
    });
  }
  
  document.getElementById('wrapDOM').addEventListener( 'click', function () {
  wrapDOM();
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;h1&gt;A. title&lt;/h1&gt;
  &lt;div&gt;
      Het museum werd ontworpen door architect Cor van Hillo!
      De totale kosten van 3,5 miljoen gulden werden door sponsors en fondsen bijeen gebracht.
      Onder andere door ANWB-leden werd 400.000 gulden gedoneerd.
      In 1992 werd begonnen met de bouw van het museum dat mede werd ingericht door het Haagse Museon.
      Op 9 maart 1993 opende prins Claus het museum door zich met een vuistbijl de toegang te verschaffen.
  
      &lt;div&gt;
          Het museum vertelt het geologische verhaal van de Veluwe en laat zien welke natuurlijke processen zich net en
          ver onder het aardoppervlak afspelen.
          Centraal in het Museonder hangt het wortelstelsel van een 135 jaar oude boom.
          Hiermee wordt het feit dat men zich onder het aardoppervlak bevindt extra versterkt.
      &lt;/div&gt;
  
      In september 2017 werd bekend dat het plein waar nu het bezoekerscentrum en restaurant "De Koperen Kop" aan liggen
      zal worden gerenoveerd.
      Er komt een nieuw gebouw met de naam "Het Landhuis". Hier worden het bezoekers- en educatiecentrum, het restaurant
      en een parkwinkel ondergebracht.
      Door het verplaatsen van het bezoekerscentrum kan het Museonder worden vergroot en de collectie worden uitgebreid.
  &lt;/div&gt;
  
  &lt;h2&gt;A subtitle&lt;/h2&gt;
  &lt;div&gt;Some more text underneath a title&lt;/div&gt;
  
  &lt;button id='wrapDOM'&gt;wrap the dom&lt;/button&gt;
  
  innerText Result:
  &lt;div id='innerText-result'&gt;
  
  &lt;/div&gt;
  textContent Result:
  &lt;div id='textContent-result'&gt;
  
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>