reduzindo código html com js

gostaria de saber se tem como adicionar tags html consecutivamente com javascript.. por exemplo.. o meu código abaixo só adiciona a ultima tag(do herois[i]) no html.. oq devo fazer?

código html –

código js – var herois = []; function heroisIcones(){ for(i= 0; i <11; i++){ herois[i] = <div class='col-1'>Exemplo</div> document.getElementById(‘heroisColum’).innerHTML = herois[i]; } }

obs: ja fiz a chamada da funcao no html..