Publicado em 12 de set.

Dificuldades em manipular o DOM

Amigos, estou tentando modificar dinamicamente o SRC de uma imagem através de Javascript. Para tanto declarei-as assim no meu HTML:

<div id="placa_regiao"><img src="imagens/placa_praca_niteroi.png" alt="Placa da Região" id="placa_regiao_foto"/></div>
<div id="foto_regiao"><img src="imagens/fotos/miniatura/praca_varnhagen_1.jpg" alt="Foto da Região" id="foto_regiao_foto"/></div>

Ao dar um

document.getElementById('placa_regiao_foto').setAttribute("src",'teste.jpg');Não funciona. Tentei um alert(document.getElementById('placa_regiao_foto').getAttribute("src")); E não dá também. Na verdade dá tipo um CRASH, ele não mostra a caixa de alert.

Ai eu tentei alert(document.getElementById('placa_regiao_foto'), com .id, .src no final. Tentei interpolando variáveis. Mas não mostra na tela o [ObjectElement nãoseioquelá], mostra null O que tá acontecendo? Que erro estou cometendo?

Se poderem ajudar, seria ótimo! Um grande abraço!

Discussão (3)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

Henrique Barcelos· 12 de set.

Só uma coisa...

Você tá tentando fazer isso direto ou colocou em algum callback?

Se você colocar esse script direto no HEAD não vai funcionar mesmo:

<script type="text/javascript">
	alert(document.getElementById('id'));
</script>

Coloque assim:

<script type="text/javascript">
	window.onload = function(){
 alert(document.getElementById('id'));
	}
</script>

Dexis· 12 de set.

Voce deve estar colocando o script antes do codigo dos objetos html.

como o script deve ter rodado antes do html, e nao havia nenhum objeto html na hora, deve ser por isso que esta te mostrando null.

OBS: use um app do firefox chamado firebug, e a melhor ferramenta para se usar com javascript.

Victor Ferreira· 12 de set.

isso que vocês disseram é verdade e faz todo sentido. Testarei.