title: How do I get this child html element in JavaScript?
body: <p>I have an iframe that looks like this:</p>
  
  <pre><code>&lt;iframe id="iframe2" ...&gt;
      #document
          &lt;html&gt;...&lt;/html&gt;
  &lt;/iframe&gt;
  </code></pre>
  
  <p>I am trying to get the item underneath the <code>iframe</code> with the <code>html</code> tag.<br>
  In JavaScript, when I do:</p>
  
  <pre><code>document.getElementByID("iframe2")
  </code></pre>
  
  <p>this returns the correct iframe.</p>
  
  <p>However, when I do this:</p>
  
  <pre><code>document.getElementByID("iframe2").childNodes
  </code></pre>
  
  <p>the return value is <code>[]</code>.</p>
  
  <p><code>document.getElementByID("iframe2").getElementsByTagName("#document")</code> and <code>document.getElementByID("iframe2").getElementsByTagName("html")</code> also return <code>[]</code>.</p>
  
  <p>How do I access that <code>html</code> tag?<br>
  Also, what is that <code>#document</code> tag called?</p>