6

Tenho essa função que altera o src de uma img:

window.document.images['img'].src = n_src;

<img src="" name="img"/>

Mas queria alterar o background url do style:

<div name="img" style="background: url()"></div>

Qual a melhor forma para fazer essa função?

2 Respostas 2

5

Para mudar o background podes usar assim no JavaScript:

document.querySelector("[name='img']").style.backgroundImage = 'url(...)';

O melhor seria fazer isso no CSS, mas em resposta à tua pergunta deves usar então:

elemento.style.backgroundImage = ...

Exemplo: http://jsfiddle.net/5m47veLa/show/

11
  • Só fiquei com uma duvida o link da minha imagem vinha de outra função que era o n_src; como posso fazer essa alteração?
    – Josimara
    12/10/2015 às 21:42
  • @Josimara nesse caso podes fazer elemento.style.backgroundImage = 'url(' + n_src + ')';
    – Sergio
    12/10/2015 às 21:43
  • Tentei desse modo antes não tive resultado
    – Josimara
    12/10/2015 às 21:46
  • document.querySelector("[name='img']").elemento.style.backgroundImage = 'url('+n_src+')';
    – Josimara
    12/10/2015 às 21:46
  • @Josimara o que está dentro de n_src ? o que dá alert(n_src);?
    – Sergio
    12/10/2015 às 21:50
5

Modifique nesse caso utilizando a seguinte estrutura:

var n_src = 'http://arcticmonkeysbr.com/wp-content/uploads/2014/10/maxresdefault1.jpg';


document.querySelector("[name='img']").addEventListener('click', function() {
  this.style.backgroundImage = 'url(' + n_src + ')';
});
div {
  border: 2px solid #000;
  display: block;
  min-height: 100px;
  min-width: 100px;
}
<div name="img"></div>

OBS.: retire o atributo style do HTML, você pode estar tendo dificuldade devido a sobrescrita do valor.

Se ainda não estiver conseguindo, no console do navegador digite console.log(n_src) e comente exatamente qual foi o valor retornado.

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .