怎么获取子元素的ID？

Question

这是一个美工设计好的一个放大镜功能，前台脚本这样的大图和小图是可以动态的由客户点击而改变的，
现在的问题是大图获取不到IMG的ID。
 
请教如何获取大图的ID
alert( document.getElementById("xiaotu").src);
alert( document.getElementById("datu").src);
小图可以。我想是因为，大图是子级的原因。  
<大图>
<span id="bigimg1"><a href="src/images/MagicZoom/beibao1_big.jpg" class='lightview MagicZoom' rel='gallery[myset]' title='CONWOOD'>
<img id="datu" src="src/images/MagicZoom/beibao1.jpg" width="298" height="298" /></a></span><小图>
<span onmouseover="goimg(1);">
<img id="xiaotu" src="src/images/MagicZoom/beibao1.jpg" width="71" height="71" />
</span>

Answer 1

搞不懂你要干什么getElementById

Answer 2

var img="新的图片"；
document.getElementById("xiaotu").src=img;//换小图

var s= $('#bigimg1 img:eq(0)').attr('src');//找到大图alert(s);//大图之前src
s=img; //换大图
alert(s);//大图之后src 弹出之前 和之后的值 确实 不一样。但是不知道   为什么页面上没效果。小图换过来了。大图没动

Answer 3

document.getElementById("bigimg1").getElementsByTagName("img")[0].id

Answer 4

document.getElementById("bigimg1").getElementsByTagName("img")[0].id
document.getElementById("bigimg1").firstChild.id