title: appendChild to array only appends to last element
body: <p>As you can see I am still a novice in javascript
  Why is it so that you can append a Textnode only once? When you add it again somewhere else the first one disappears</p>
  
  <p>I do not need a solution to a problem I was just curious what is causing this behavior. 
  Example where the textnode is only added to the last element of an array:</p>
  
  <pre><code>function hideAdd(){
      var hide = document.createTextNode('Afbeelding verbergen');
      var afb = collectionToArray(document.getElementsByTagName('img'));  
      afb.pop();
      var divs = [];
      for (i=0; i &lt; afb.length; i++){
          divs.push(afb[i].parentNode);
  
      }
      console.log(divs);
      for ( i = 0; i &lt; divs.length;i++){
          divs[i].appendChild(hide);      
      }
  }
  </code></pre>
  
  <p>This is where you use an unique textnode so it works:</p>
  
  <pre><code>function hideAdd(){
      var hide = []
      var afb = collectionToArray(document.getElementsByTagName('img'));  
      afb.pop();
      var divs = [];
      for (i=0; i &lt; afb.length; i++){
          divs.push(afb[i].parentNode);
          hide[i] = document.createTextNode('Afbeelding verbergen');
  
      }
      console.log(divs);
      for ( i = 0; i &lt; divs.length;i++){
          divs[i].appendChild(hide[i]);       
      }
  }
  </code></pre>