title: How to getElementById from getElementById search?
body: <p>For some reason… when I <code>getElementById</code> and then try to search within that element for another <code>getElementById</code> it doesn't work.<br>
  The only way to find an ID from a <code>getElementById</code> is to use a <code>querySelector</code> why is this?</p>
  
  <p><strong>Heads Up</strong><br>
  Yes, I know <code>querySelector</code> is a solution work around... But it doesn't answer the question of why <code>getElementById</code> > <code>getElementById</code> won't work.</p>
  
  <p><code>getElementById</code> > <code>getElementById</code> should work... it's pretty simple code. I'm not asking it to simulate gravity or anything.</p>
  
  <p><strong>What I have:</strong></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>document.getElementById("first").getElementById("second").innerHTML = "It works"</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="first"&gt;
    &lt;div id="second"&gt;&lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><strong>What I'm trying to achieve:</strong></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>document.getElementById("first").querySelector("#second").innerHTML = "It works"</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="first"&gt;
    &lt;div id="second"&gt;&lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>