title: Get all HTML content from DOMParser, excluding the outer body tag
body: <p>I'm using <code>DOMParser</code> in the following code.</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>let doc = new DOMParser().parseFromString('&lt;b&gt;sample text&lt;/b&gt; &lt;i&gt;sample text&lt;/i&gt;', 'text/html');
  document.querySelector('.js').append(doc.body);</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;span&gt;&lt;b&gt;sample text&lt;/b&gt; &lt;i&gt;sample text&lt;/i&gt;&lt;/span&gt;
  &lt;span&gt;&lt;b&gt;sample text&lt;/b&gt; &lt;i&gt;sample text&lt;/i&gt;&lt;/span&gt;
  &lt;span class='js'&gt;&lt;/span&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>When I run it, it gives the HTML content properly, but the issue is that the <strong>outer <code>body</code> tag</strong> is also included in the result, which makes the content to have <strong><code>block</code> display</strong>. Actually, I need to preserve the <code>inline</code> display, as seen in previous two <code>span</code>s.</p>
  
  <p>I thought it's because of <code>doc.body</code> statement, so I tried to change it to <code>doc.body.firstChild</code> (which returns only <code>b</code> element) and <code>doc.body.children</code> (which returns <code>[Object HTMLCollection]</code>), but none of them worked.</p>
  
  <p>How to fix it?</p>
  
  <hr>
  
  <p><strong>Note:</strong> <code>&lt;span&gt;&lt;b&gt;sample text&lt;/b&gt; &lt;i&gt;sample text&lt;/i&gt;&lt;/span&gt;</code> is a dynamic content on my webpage.</p>