title: Using class tree to delete specific HTML elements
body: <p>How can I use vanilla JS to find and delete elements with a specific class X where the parent has class Y?</p>
  
  <p>Example. Given</p>
  
  <pre><code>&lt;div class="likes noise1"&gt;
     &lt;div class="count noise2"&gt;
         42
     &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="retweets noise3"&gt;
     &lt;div class="count noise4"&gt;
         7
     &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="messages noise5"&gt;
     &lt;div class="count noise6"&gt;
         2
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I would like to delete the first two ".count" elements (the childs of ".likes" and ".retweets"). The messages div however should be left untouched.</p>
  
  <p>I have tried using querySelectorAll which return a frozen NodeList and iterating it, without success.</p>