关于document.getElementById控制图片显示
附上前台html代码：
.......
<td width="65" id="xinwen" runat="server" oninit="xinxi_init"  onmouseover= "mouseon(1)" class="xiao_bt">
                            &nbsp;新闻动态</td>   
<td width="65" id="jianbao" runat="server" onmouseover="mouseon(2)" class="xiao_bt">
                            &nbsp;工作简报</td>
......
<td width="65" align=center height=8>
              <img  alt="" id="xinwen_img" runat="server"  src="../Resources/images/xiajiantou.jpg" 
                            style="height: 8px; width: 20px; color:Red; display:block; background-color: #FF0000;"/></td>
<td width="65" align=center height=8>
              <img  alt="" id="jianbao_img" runat="server" src="../Resources/images/xiajiantou.jpg" 
                             style="height: 8px; width: 20px; color:Red; display:none; background-color: #FF0000;"/></td>

//<JS>
function mouseon(a) {  //功能是鼠标经过时改变字体颜色并改变对应图片显示，同时显示对应的div显示
    if (a == 1) 
    {
        document.getElementById("ctl00_zjbody_jianbao").style.color =  "#8C8C8C";
        document.getElementById("ctl00_zjbody_xinwen").style.color = "#B22222";
        document.getElementById("ctl00_zjbody_xinwen_img").display="block";
        document.getElementById("ctl00_zjbody_jianbao_img").display= "none";
        //document.getElementById("ctl00_zjbody_xinwen_div").display="block";
        //document.getElementById("ctl00_zjbody_jianbao_div").display = "none";
        // 
    }
    else {
        document.getElementById("ctl00_zjbody_jianbao").style.color = "#B22222";
        document.getElementById("ctl00_zjbody_xinwen").style.color = "#8C8C8C";
        document.getElementById("ctl00_zjbody_xinwen_img").display="none";
        document.getElementById("ctl00_zjbody_jianbao_img").display="block"
        //document.getElementById("ctl00_zjbody_xinwen_div").= "none";
        //document.getElementById("ctl00_zjbody_jianbao_div").display = "block";
    }
}
问题：可以控制字体颜色改变，但是控制img显示或隐藏的时候没反应。至于后面的那注释的更改div显示，去掉注释符一运行就提示缺少对象。困扰我一下午了。求帮助啊