列表菜单 ,说找不到img2对象，把<FORM id=form1></form>去掉后运行正常

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<!-- saved from url=(0034)http://localhost:1587/Default.aspx -->
<HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>无标题页</TITLE>
<META http-equiv=Content-Type content="text/html; charset=utf-8">
<STYLE type=text/css>BODY {

} #tree1 {
CLEAR: both; WIDTH: 161px
}
 #tree1 .menu {
BORDER-RIGHT: red 1px solid; BACKGROUND-POSITION: 50% bottom; BORDER-TOP: red 1px solid; PADDING-LEFT: 10px; FONT-WEIGHT: bold;
     BACKGROUND-IMAGE: url(imgs/2010122235429252.gif); PADDING-BOTTOM: 6px; BORDER-LEFT: red 1px solid; CURSOR: hand; LINE-HEIGHT: 28px; PADDING-TOP: 6px; BORDER-BOTTOM: red 1px solid; BACKGROUND-REPEAT: no-repeat
}
#if {
BORDER-RIGHT: red 1px solid; BORDER-TOP: red 1px solid; BORDER-LEFT: red 1px solid; WIDTH: 768px; BORDER-BOTTOM: red 1px solid; HEIGHT: 568px
}
</STYLE><META content="MSHTML 6.00.2900.3086" name=GENERATOR></HEAD>
<BODY onLoad="init()">
<SCRIPT type=text/javascript>   var value=null;
   var activemenu="menu1_1";
   var activepic="img2";
   
  function init()
   {
       var test=[1,2,3];
       
       for(i=0;i<test.length;i++)
       {
           //alert(test[i]);
       
       }
       
       menu1_1.style.display="block";
       
       var j=document.getElementsByTagName("div");
       for(j=2;j<=3;j++)
       {
           eval("menu"+j+"_1").style.display="none";
           eval("img"+j).src="imgs/2010122235429850.gif";
  
   
       }
       
       
       
       
       
      
   
   
   }
         
   
   function MenuClick(obj,img)
   {
       
        //alert("您单击的菜单项id："+eval(obj).id+",主题栏目为："+eval(obj).innerText);
       // debugger;
       
        if(eval(obj).style.display=="none")
        {
            
            eval(obj).style.display="block";
            eval(img).src='imgs/2010122235429732.gif';
            
           
            
            if(eval(activemenu)!=null&&eval(activemenu).id!=obj.id)
            {
                eval(activemenu).style.display="none";
                eval(activepic).src='imgs/2010122235429850.gif';
                
                
            }
            activemenu=obj;
            activepic=img;
          
            return;
        }
        else
        {
            
            eval(obj).style.display="none";
            eval(img).src='imgs/2010122235429850.gif';
            activemenu=obj;
            activepic=img;
           
            return;
        }
   }
   
  
   
   
   
   
   
   
   </SCRIPT>
<FORM id=form1>   <div id="tree1">   <!-- 主菜单项目目录 -->
    
       <div id="menu_1" class="menu" onclick="MenuClick(menu1_1,img1)"><img id="img1" src='imgs/2010122235429732.gif' />测试列表1</div>
       <div id="menu1_1" style="margin-left:25px">   <!-- 子菜单项目目录 -->
          <div><a href="http://www.sohu.com" target="_blank">子列表1</a></div>      <!-- 子项目 -->
          <div>子列表2</div>      <!-- 子项目 -->
       </div>
       
       <div id="menu_2" class="menu" onclick="MenuClick(menu2_1,img2)" ><img id="img2" src='imgs/2010122235429732.gif' />测试列表2</div>
       <div id="menu2_1" style="margin-left:25px">   <!-- 子菜单项目目录 -->
          <div>子列表1</div>      <!-- 子项目 -->
          <div>子列表2</div>      <!-- 子项目 -->
       </div>
       
       <div id="menu_3" class="menu" onclick="MenuClick(menu3_1,img3)" ><img id="img3" src='imgs/2010122235429732.gif' />测试列表3</div>
       <div id="menu3_1" style="margin-left:25px">   <!-- 子菜单项目目录 -->
          <div>子列表1</div>      <!-- 子项目 -->
          <div>子列表2</div>      <!-- 子项目 -->
       </div>
       
    </div>
</FORM></BODY></HTML>

解决方案 »

  1.   

    大虾们，神仙们，快点那帮我调试，调试啊，拜托，拜托，不加“<FORM id=form1></form>”运行正常，加了后就出现img2对象找不到，郁闷中
      

  2.   

    <form id="form1" runat="server">
    </form>
      

  3.   

    直接放到html中试，就会看到找不到img2对象了
      

  4.   


      for(j=2;j<=3;j++)
      {
      eval("menu"+j+"_1").style.display="none";
      eval("img"+j).src="imgs/2010122235429850.gif";
      
      
      }这里不对吧。
      

  5.   

    我觉得用documnet。getelemtbyId（ID） 引用 ，他也支持ID  是变量，我试过是可以的。
      

  6.   

    form是服务器端的加 runat="server"