[JavaScript][HTML] Zagnieżdżone znaczniki Opcje

[-foxy-]

Witam,

Mam taki HTML:

[HTML] pobierz, plaintext 
<div id="container">
  <div><img src="before.jpg" width="400" height="332" id="before" /></div>
  <div><img src="after.jpg" width="400" height="332" id="after" /></div>
</div>
[HTML] pobierz, plaintext 

Jak poprzez JS dostać się do tych IMG? To co mam nie działa

[PHP] pobierz, plaintext 
	var container, div;
	var img;
 
	container = document.getElementById('container');
	div = container.getElementsByTagName('div')[0]; 
 
	img = div.getElementById('before');
[PHP] pobierz, plaintext 

[papryk]

A nie prościej:

[JAVASCRIPT] pobierz, plaintext 
img = document.getElementById("before");
[JAVASCRIPT] pobierz, plaintext 

@down
Z ciekawości, sprawdziłem czy będzie działać i działa bez problemowo.

Ten post edytował papryk 6.03.2011, 19:30:14

[-foxy-]

Oh, gdyby to było takie proste, nie zawracałbym nikomu głowy

Tak można dostać się do container, ale do dla obu IMG daje null (bo nie są bezpośrednio na document)

[-foxy-]

Z ciekawości, sprawdziłem czy będzie działać i działa bez problemowo.

A ja mam null...

[amii]

Ale te zdjęcia nie muszą być bezpośrednio po document. Metoda getElementById wybiera pojedynczy element po id. Sprawdź czy nie masz zdublowanego id