高分求解，innerHTML切换图片后不跳转链接有关问题

高分求解，innerHTML切换图片后不跳转链接问题
<script language="javascript">
function mychange()
{
document.getElementById("tag1").innerHTML="<img src='images/ban6.jpg' width='194' height='35' border='0' />";
}
</script>
<table width="600" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="300" height="40" bgcolor="#009966" onmouseover="mychange()"><a href="index.jsp" id="tag1"><img src="images/ban5.jpg" width="194" height="35" border="0" /></a></td>
    <td width="300">&nbsp;</td>
  </tr>
</table>

上面是源码，鼠标移到td单元格上，让链接图片换图片，链接不变。测试，图片切换成功，但点链接不跳转。

------解决方案--------------------
直接给图片添加onmouseover事件,更换src
------解决方案--------------------
我今天试了试，发现只要obj.innerHMTL语句后有html标签的话，链接就不能正常跳转，LZ可以动态创建一个img标签，然后加载<a>后面，试试
------解决方案--------------------
<script language="javascript">
function mychange()
{
document.getElementById("tag1").innerHTML="<img src='images/ban6.jpg' width='194' height='35' border='0' />";
}
</script>这样写不是很好。
分析一下
 <td width="300" height="40" bgcolor="#009966" onmouseover="mychange()"><a href="index.jsp" id="tag1"><img src="images/ban5.jpg" width="194" height="35" border="0" /></a></td>这个，其他都一样，其实只需要改一下  src="images/ban5.jpg" 这个就可以了

那么就可以改为
js部分：function mychange()
{
var  picsrc=document.getElementById("tu");
picsrc.setAttribute("src","images/ban6.jpg");
}
修改他的图片地址属性就可以了
 
html部分，给img加上ID：<td width="300" height="40" bgcolor="#009966" onmouseover="mychange()"><a href="index.jsp" id="tag1"><img id="tu" src="images/ban5.jpg" width="194" height="35" border="0" /></a></td>
------解决方案--------------------
如果还要改链接就是
function mychange()
{
var  picsrc=document.getElementById("tu");
picsrc.setAttribute("src","images/ban6.jpg");
var  piclink=document.getElementById("tag1");
piclink.setAttribute("href","index2.jsp");
}
这样就可以了

这代码量总比你的innerhtml要短上不少吧，而且兼容性好，可读性强,不容易出错，有些浏览器还不兼容innerHTML呢。