title: How do I check an element's direct textContent?
body: <p>Say I have an element structure like so</p>
  
  <pre><code>&lt;div&gt;
     This is direct text
  
     &lt;div&gt;
         This is text nested in a child element
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Is there a way to check the direct text content of the parent div without checking the content of the inner children?</p>
  
  <p>Consequentially if I had a structure like this</p>
  
  <pre><code>&lt;div id="uppermost-div"&gt;
    &lt;div&gt;
       This is direct text
  
       &lt;div&gt;
         This is text nested in a child element
       &lt;/div&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And I checked this direct text content of the <code>#uppermost-div</code> I would expect to be null or empty string or something.</p>
  
  <p>Is there a way to accomplish checking values like that in HTML/Javascript?</p>