跪求高手帮我瞧瞧下面的代码，到底哪里出错了！

<%@ page language="java" contentType="text/html; " pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>MY TREE</title>
</head>
<body>
<div align="left">
<script language="javascript"> 
   function getTablesByStart(name)
   {
       var inputs =document.getElementById("table");
       var files = new Array();
       var y=0;
       for (var i=0; i<inputs.length; i++)
      {        
        if(inputs[i].id !=null&&inputs[i].id.length>name.length&&inputs[i].id.substring(0,name.length)==name)
       {
          files[y] = inputs[i];
          y++;
        }
      }
       return files;
   }
 
    function HideAll()
   {
       var tables = getTablesByStart("Root_menu_");
       var tables0 = getTablesByStart("Child_menu_");
      for(var i=0;i<tables0.length;i++)
     {
        tables0[i].style.display="none";
        var id = tables0[i].id.substring("Child_menu_".length);
        var imgId=document.getElementById("Img"+ id+"Child");
        var imgId1=document.getElementById("Img"+ id+"_Child");
        if(imgId)
        {
          imgId.src="images/midclosed.gif";
        } 
        if(imgId1)
        {
         imgId1.src="images/clsfld.gif";
        }
    }
    for(var i=0; i<tables.length; i++)
     {
        tables[i].style.display = "none";
        var id = tables[i].id.substring("Root_menu_".length);
        var imgId=document.getElementById("Img"+ id+"Root");
        var imgId1=document.getElementById("Img"+ id+"_Root");
        if(imgId)
        {
          imgId.src="images/midclosed.gif";
        } 
        if(imgId1)
        {
         imgId1.src="images/clsfld.gif";
        }
    }
}
 function HideChild()
{
    var tables = getTablesByStart("Child");
    for (var i=0; i<tables.length; i++)
    {
        tables[i].style.display="none";
        var id = tables[i].id.substring("Child_menu_".length);
        var imgId=document.getElementById("Img"+ id+"Child");
        var imgId1=document.getElementById("Img"+ id+"_Child");
         if(imgId)
        {
          imgId.src="images/midclosed.gif";
        
        } 
        if(imgId1)
        {
         imgId1.src="images/clsfld.gif";
        
        }
     }
}
 
 //根目录加载子目录和子叶
function turnit(id)
 {
    var menu = document.getElementById("Root_menu_"+ id);
    var menu1 = document.getElementById("Child_menu_"+ id);
    var imgId= document.getElementById("Img"+id+"Root");
    var imgId0 = document.getElementById("Img"+id+ "_Root");
    var imgId1= document.getElementById("Img"+id+"Child");
    var imgId2=document.getElementById("Img"+id+"_Child");
    if (menu.style.display=="none")
    {
         HideAll();
         menu.style.display = "";
         menu1.style.display = "";
       
        if(imgId)
        {
            imgId.src="images\midopened.gif";
         }
         if(imgId1)
        {
            imgId1.src="images\midopened.gif";
         }
         if(imgId2)
        {
            imgId2.src="images\openfld.gif";
         }
        if(imgId0)
        {
            imgId0.src="images\openfld.gif";
         }
        
    }
    else
    {
       menu1.style.display = "none";
       menu.style.display = "none";
  if(imgId)
  {
          imgId.src="images\midclosed.gif";
       }
       if(imgId1)
   {
          imgId1.src="images\midclosed.gif";
        }
          if(imgId0) 
         {
               imgId0.src="images\clsfld.gif";
         }
         if(imgId2) 
         {
               imgId2.src="images\clsfld.gif";
         }
    }
  }
  function turnitChild(id)
 {
    var menu = document.getElementById("Child_menu_"+ id);
    var imgId= document.getElementById("Img"+ id+"Child");
    var imgId0 = document.getElementById("Img"+ id + "_Child");
    if ( menu.style.display=="none")
    {
       HideChild();
        menu.style.display = "";
        if(imgId)
        {
            imgId.src="images\midopened.gif";
         }
        if(imgId0)
        {
            imgId0.src="images\openfld.gif";
         }
        
    }
    else
    {
            menu.style.display = "none";
  if(imgId)
  {
          imgId.src="images\midclosed.gif";
       }
       if(imgId0) 
       {
           imgId0.src="images\clsfld.gif";
        }
         
    }
  }
</script>
<style type="text/css">  
&lt;!-- 
td  
{ 
    font-size: 13px; 
    color: #000000; 
    font-weight: none 
} 
  
a:active 
 { 
    color: #FF6600; 
    text-decoration: none 
} 
  
a:hover 
 { 
    color: #FF6600; 
    text-decoration: none 
} 
  
a:link { 
    color: #FF6600; 
    text-decoration: none 
} 
  
a:visited { 
    color: #FF6600; 
    text-decoration: none 
} 
--&gt;&nbsp;</style>  
 
<br>根目录<br>
 <table border=0 width="160" align="absmiddle" cellspacing="0"  cellpadding="0" height="26">
          <tr>    
               <td colspan="3" language="JavaScript" onMouseUp="turnit('Product')" style="CURSOR: hand">
                    <img id="ImgProductRoot" src=" images/midclosed.gif" border="0" width="16" align="absmiddle">
                    <img id="ImgProduct_Root" src=" images/clsfld.gif" align="absmiddle" border="0">
                    <font face=宋体><b>目录1</b></font>
                   
               </td>
           </tr>
 </table>
 <!-- 根目录的子目录 -->
  <table id="Child_menu_Product" border=0 width="160" align="absMiddle" cellspacing="0"  cellpadding="0" height="26" style="display: none">
          <tr>    
               <td colspan="4" language="JavaScript" onMouseUp="turnitChild('Product')" style="CURSOR: hand">
                    <img src="images\2.gif" border=0 align="absmiddle" border=0 width="16">
                    <img id="ImgProductChild" src=" images\midclosed.gif" align="absmiddle" border="0" width="16" >
                    <img id="ImgProduct_Child" src=" images\clsfld.gif" align="absmiddle" border="0">
                    <font face=宋体><b>子目录</b></font>
                   
               </td>
           </tr>
 </table>
 <!-- 目录2的子叶 -->
 <table  id="Root_menu_Product" border=0 width="380" cellspacing="0" cellpadding="0" style="display: none">
            <tr>
            <td width="80" >
               
                <img src="images\line.gif" border=0 align="absmiddle" border=0 width="16">
                 <img src="images\2.gif" border=0 align="absmiddle" border=0 width="16">
                 <img src=" images\vertline.jpg" align="absmiddle" border=0 width="16" height="22">
                 <img src=" images\doctemp.gif" align="absmiddle" border="0"  width="16" height="16">
             </td>
             <td width="123">
                    <a href="http://www.google.com">子目录子树</a>
             </td>
             </tr>
             <tr>
                <td width="80">
                    <img src="images\line.gif" border=0 align="absmiddle" border=0 width="16">
                    <img src="images\2.gif" border=0 align="absmiddle" border=0 width="16">
                    <img src=" images\vertline.jpg" align="absmiddle" border=0 width="16" height="22">
                    <img src=" images\doctemp.gif" align="absmiddle" border="0"  width="16" height="16">
                </td>
                <td width="123">
                    <a href="http://www.google.com">子目录子树</a>
                </td>
           </tr>
 </table>

解决方案 »

  1.   

    <table id="Root_menu_Product_"    border=0 width="160" cellspacing="0" cellpadding="0" style="display: none">
                <tr>
                
                  <td width="80">
                        <img src="images\line.gif" border=0 align="absmiddle" border=0 width="16">
                        <img src=" images\vertline.jpg" align="absmiddle" border=0 width="16" height="22">
                        <img src=" images\doctemp.gif" align="absmiddle" border="0"  width="16" height="16">
                    </td>
                    
                    <td width="123">
                        <a href="http://www.google.com">子树</a>
                    
                  </td>
                </tr>
               <tr>
                    <td width="80">
                        <img src="images\line.gif" border=0 align="absmiddle" border=0 width="16">
                        <img src=" images\vertline.jpg" align="absmiddle" border=0 width="16" height="22">
                        <img src=" images\doctemp.gif" align="absmiddle" border="0"  width="16" height="16">
                    </td>
                    <td width="123">
                        <a href="http://www.google.com">子树</a>
                    </td>
               </tr>
               
                <tr>
                    <td width="80">
                        <img src="images\line.gif" border=0 align="absmiddle" border=0 width="16">
                        <img src=" images\vertline.jpg" align="absmiddle" border=0 width="16" height="22">
                        <img src=" images\doctemp.gif" align="absmiddle" border="0"  width="16" height="16">
                    </td>
                    <td width="123" >
                        <a href="http://www.google.com">子树</a>
                    </td>
               </tr>
               <tr>
                    <td width="80">
                        <img src="images\line.gif" border=0 align="absmiddle" border=0 width="16">
                        <img src=" images\lastnodeline.gif" border=0 width="16" height="22" align="absmiddle">
                        <img src=" images\doctemp.gif" align="absmiddle" border="0"  width="16" height="16">
                    </td>
                    <td width="123">
                        <a href="http://www.baidu.com">子树</a>
                    </td>
              </tr>
        </table>
        <table border="0" width="160" align="left" cellspacing="0" cellpadding="0">
                <tr>
                    <td width="20">
                        <img src=" images\lastnodeline.gif" border="0">
                    </td>
                    <td>
                        <a href="http://www.google.com" target="_parent">退出系统</a>
                    </td>
                </tr>
     </table>
    </div>
    </body>
    </html>
      

  2.   

    请各位大虾们帮我瞧瞧到底哪里出问题了，本人初学javascript ，望各位不吝赐教！！24小时在线等待！
      

  3.   

    var inputs =document.getElementById("table"); 
    这个是不正确的。你看一下html中没有id为table的Element。我估计你想使用的是不是获取页面中的table。可以用
    var inputs =document.getElementByTagName("table"); 
      

  4.   

    IE显示在第13行错误，但是13行是var y=0;附近几行我也没看出错误，希望您能指正一下！
      

  5.   

    function getTablesByStart(name) 
      { 
          var inputs =document.getElementById("table"); 
          var files = new Array(); 
          var y=0; 
          for (var i=0; i <inputs.length; i++) 
    这个地方的length是什么呢
      

  6.   

     望您看到能速回我，修改好的程序麻烦您发到我邮箱吧 [email protected]