title: Modify HTMLCollection to return all innerHTML
body: <p>I would like to use my HTMLCollection to strip out the tags of the elements which it contains, for example, given the html:</p>
  
  <pre><code>&lt;p&gt;&lt;span&gt;Hello, &lt;i&gt;world!&lt;/i&gt;&lt;/span&gt; Some more text&lt;/p&gt;
  </code></pre>
  
  <p>I would like to return</p>
  
  <pre><code>&lt;p&gt;Hello, &lt;i&gt;world!&lt;/i&gt; Some more text&lt;/p&gt;
  </code></pre>
  
  <p>At the minute I search for span tags in my html which returns an HTMLCollection, which seemed to be the easiest way for me to obtain all span tags, how can i use this collection to strip the tags completely and retain all innerhtml?</p>
  
  <pre><code>    $scope.modifyHtml = function (html) { 
          var el = document.createElement('div');
          el.innerHTML = html;
  
          var spans = el.getElementsByTagName('span');
  
          //Remove these spans from el but keep their inner!
  
          return el.innerHTML;
      }
  </code></pre>