请教点击连接前后图片的显示问题

Question

<script language="javascript">
function show(theobj){
if (theobj.firstChild.style.display == "none"){
theobj.childNodes[1].style.display = "none";
theobj.firstChild.style.display = ""
}else{
theobj.firstChild.style.display = "none"
theobj.childNodes[1].style.display = "";
}
}
</script><table>
<tr><td onclick="javascript:show(this);"><img src="off.gif" style="display:none"><img src="on.gif"><font>我的文档</font></td></tr>
<tr><td onclick="javascript:show(this);"><img src="off.gif" style="display:none"><img src="on.gif"><font>我的音乐</font></td></tr>
<tr><td onclick="javascript:show(this);"><img src="off.gif" style="display:none"><img src="on.gif"><font>我的图片</font></td></tr>
</table>

Answer 1

to king2410:测试了一下您的代码，有2个问题你看：1。网页初打开时候文件夹是打开的，我希望的是初始打开文件夹是关闭状态的图片
2。点击一个链接，图片由关闭变为打开，而其他全为关闭，是联动的，但您的代码不能使其他显示关闭。能帮我修改一下吗？谢谢

Answer 2

<span id=s1>
<a href="javascript:" onclick="clk(this)"><img src="off.gif"> 我的文档</a><br>
<a href="javascript:" onclick="clk(this)"><img src="off.gif"> 我的图片</a><br>
<a href="javascript:" onclick="clk(this)"><img src="off.gif"> 我的音乐</a><br>
</span>
<script>
function clk(obj)
{
for(i=0;i<s1.childNodes.length;i++)
if(s1.childNodes[i].tagName=="A")
   s1.childNodes[i].childNodes[0].src="off.gif";
obj.childNodes[0].src="on.gif";
}
</script>

Answer 3

to scoutlin:您的代码已运行并显示正确，再问个问题：
如果我想把图片和链接放在表格里，该怎样实现？例如：<table>
  <tr>
    <td><img src="images/off.gif" border="0"></td>  <td><a href="#" onclick="clk(this)">我的文档</a></td>
  </tr>
  <tr>
    <td><img src="images/off.gif" border="0"></td>  <td><a href="#" onclick="clk(this)">我的音乐</a></td>
  </tr>
  <tr>
    <td><img src="images/off.gif" border="0"></td>  <td><a href="#" onclick="clk(this)">我的图片</a></td>
  </tr>
  
</table>谢谢!!