Repara que o elemento do DOM que tem o id "id"
é uma div
e não uma imagem. Ou seja estás a mudar o atributo .src
num elemento div
, e a rescrever o mesmo elemento.
Podes fazer assim para corrigir isso:
function carregarPoltronas() {
var imagens = document.querySelectorAll("#id > img");
["img/ball_disponivel.jpg", "img/ball_indisponivel.jpg", "img/ball_selecionada.jpg"].forEach(function(url, i) {
imagens[i].src = url;
});
}
Dessa maneira vais buscar os elementos certos com document.querySelectorAll("#id > img");
e depois enquanto iteras a array de urls, usas o index da callback para ir buscar o img
certo da lista que o querySelectorAll
retorna.