Skip to main content
adicionou 83 caracteres ao conteúdo
Fonte Link
Sergio
  • 135,1mil
  • 16
  • 201
  • 294

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 enquatoenquanto iteras a array de urls, usas o index da callback para ir buscalbuscar o img certo da lista que o querySelectorAll retorna.

Exemplo: https://jsfiddle.net/8cg42ctd/

Repara que o elemento do DOM que tem o id "id" é umadiv e não uma imagem. Ou seja estás a mudar o atributo .src num elemento div.

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 enquato iteras a array de urls, usas o index da callback para ir buscal o img certo da lista que o querySelectorAll retorna.

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.

Exemplo: https://jsfiddle.net/8cg42ctd/

Fonte Link
Sergio
  • 135,1mil
  • 16
  • 201
  • 294

Repara que o elemento do DOM que tem o id "id" é umadiv e não uma imagem. Ou seja estás a mudar o atributo .src num elemento div.

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 enquato iteras a array de urls, usas o index da callback para ir buscal o img certo da lista que o querySelectorAll retorna.