append multiple

[AlvaroX]

hola quisera saber como hacer append a muchos elementos tengo este codigo pero cada append se sobrepone en el anterior

fotos = "foto1,foto2,foto3";
split = fotos.split(",");
e2 = document.getElementById('my_div');

for(i=0;i<split.length;i++){
e1 = document.createElement('img');
e1.id = 'img'+i;
e1.src= "img/"+split[i];
e2.appendChild(e1);
}

si me pudieran ayudar porfavor