Dificuldades em manipular o DOM

[Victor Ferreira 0]

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!

[Henrique Barcelos 290]

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 0]

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 0]

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