title: TypeScript or JS- How to select an element and all its children into a HTMLCollection?
body: <p><strong>Updated</strong>
  The code I have come up with is: </p>
  
  <pre><code>&lt;section id="Test"&gt;
     &lt;header&gt;Welcome&lt;/header&gt;
     &lt;p&gt;This is a test&lt;/p&gt;
     &lt;div&gt;Nothing here&lt;/div&gt;
  &lt;/section&gt;
  
  var element =  document.getElementById("Test");
  var elements = &lt;HTMLCollection&gt;element.getElementsByTagName("*");
  </code></pre>
  
  <p>I want the collection to include <code>&lt;section&gt;</code>, <code>&lt;header&gt;</code>, <code>&lt;p&gt;</code>, and <code>&lt;div&gt;</code> the above code only has <code>&lt;header&gt;</code>, <code>&lt;p&gt;</code>, and <code>&lt;div&gt;</code>. Is there anyway I can add the <code>&lt;section&gt;</code> itself to the collection?</p>
  
  <p>The problem is that I want to include the element itself into the elements collection. I know I can use outerHTML and put it in a temp container and then get all the element inside from that but i'm looking for a cleaner way.</p>