Quando você usa innerHTML você substitui a cada loop tudo que está dentro da div e coloca o novo conteúdo. Ou seja quando passa pelo primeiro loop ele adicionava o número 1, quando passava pelo segundo loop, ele zera a div e adicionava o 2 e assim por diante, abaixo segue exemplo de como conservar o conteúdo original e adicionar um novo em seguida. Somei com um `<br />` para quebrar a linha. 
    
<div id="divExibir"></div>
    
    <script>
      for (i = 0; i < 10; i++) {
      	var div = document.getElementById('divExibir');
    
    	div.innerHTML = div.innerHTML + i + '<br />';
      }
    </script>
[Fonte][1]


  [1]: https://stackoverflow.com/questions/5677799/how-to-append-data-to-div-using-javascript