title: innerHtml prepend text instead of appending
body: <p>I have a function that emulates typing with few lines of basic JavaScript code, however it appends text, but I want to prepend text to the element before any other already existing text/elements without changing html structure.</p>
  
  <p>How this can be achieved with simplest javascript possible?</p>
  
  <p><strong>JavaScript</strong></p>
  
  <pre><code>var el = getElementById('one'), str = 'Abcdefg...'
  function type(){
      el.innerHTML += str.charAt(i); i++;
      if(i &lt; str.length){var t = setTimeout(type, 30);}
  };type();
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;span id="one"&gt;...&lt;span id="endingEl"&gt;&lt;/span&gt;&lt;/span&gt;
  </code></pre>