title: How to select all tags except anchors (neither anchors inside another element) with document.querySelectorAll?
body: <p><strong>edit</strong>: Is it possible to get all the <strong>inner text</strong> from tags in HTML document except text from anchor tags <code>&lt;a&gt;</code> (neither the the text from <code>&lt;a&gt;</code>  anchors inside another elements) with the <code>document.querySelectorAll</code> method?</p>
  
  <p>My program has an input field that allows users to insert some selector to get the text for certain tags in a given site page.
  So, if I want to insert a selector that gets text from all nodes except <code>&lt;a&gt;</code> tags, how can I accomplish that?
  I mean <code>*:not(a)</code> does not work, because it selects tags that may have <code>&lt;a&gt;</code>descendants and <code>not()</code> selector does not accept complex selectors, so <code>*:not(* a)</code> does not work.</p>
  
  <p><strong>I know I could delete those nodes from document first</strong>, <strong>but is it possible to accomplish this task only selecting those nodes I want with the <code>document.querySelectorAll</code> method?</strong>
  Example:</p>
  
  <pre><code>&lt;html&gt;
    &lt;... lots of other tags with text inside&gt;
      &lt;div&gt;
        &lt;p&gt; one paragraph &lt;/p&gt;
        &lt;a&gt; one link &lt;/a&gt;
      &lt;/div&gt;
    &lt;/...&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I want all the text in the html except "one link"</p>
  
  <p><strong>edit:</strong>
  If you do <code>document.querySelectorAll('*:not(a)')</code>, you  select the <code>div</code>, that has inside an <code>a</code> element. So, the innerText of this <code>div</code> contains the text from <code>a</code> element</p>
  
  <p>Thank you</p>