新手问题：写的树状代码为何不执行？

不好意思，忘了把代码加上去！
<html>
   <head><title>caidan</title>
     
   <SCRIPT language=JavaScript>var img1 = new Image();img1.src = "jia.gif";
var img2 = new Image(); img2.src = "jian.gif";function doOutline() {
var srcId, srcElement, targetElement,srcNum,toggleElement,toggleImage;
srcElement = window.event.srcElement;
if(srcElement.className.toUpperCase()=="LEVEL1")
{
        srcID=srcElement.id.substr(0, srcElement.id.length-1);
        m1 =srcID.substr( 0, 4);
        m2 =srcID.charAt(srcElement.id.length-1)
        targetElement=document.all(m1+"s"+"1")
        //document.all(m1 +"s"+m2);
        srcElement=document.all(srcID + "i");
       // srcNum=srcElement.id.substr( 3, 1);
        
        if(targetElement.style.display == "none")
        {
                for(i=0; i<10; i++){
                 if(srcNum == i){
                     targetElement.style.display = "";
                     if (srcElement.className == "LEVEL1") srcElement.src = img2.src;
                 }else{
                       // toggleElement = document.all("out" + i + "s");
                       // toggleImage = document.all("out" + i + "i");
                 }
         }
} else {
                targetElement.style.display = "none";
                if (srcElement.className == "LEVEL1") srcElement.src = img1.src;
}
}
}
document.onclick = doOutline;
</SCRIPT>
   </head>
<body>
    <DL>
   <DD><img src="jia.gif" class="level1" id=OUT0i1 onclick=doOutline><A class="level1" id=OUT0a1 >部门1</A>
    <DL style="display:none" id=OUT0s1>
    <DD><img src="jian.gif">a
       <DD><img src="jian.gif">a
       <DD><img src="jian.gif">a
    </DL>  <DD><img src="jia.gif" class="level1" id=OUT0i2><A class="level1" id=OUT0a2 >部门2</A>
  <DL style="display:none" id=OUT0s2>
    <DD><img src="jian.gif">b
       <DD><img src="jian.gif">b
       <DD><img src="jian.gif">b
  </DL>  <DD><img src="jia.gif" class="level1" id=OUT0i3 ><A class="level1" id=OUT0a3 >部门3</A>
  <DL style="display:none" d=OUT0s3 >
    <DD><img src="jian.gif">c
       <DD><img src="jian.gif">c
       <DD><img src="jian.gif">c
  </DL>
 
</body></html>

解决方案 »

  1.   

    <html>
    <head>
    <title>caidan</title>
    <SCRIPT language=JavaScript>
    var img1 = new Image();img1.src = "jia.gif";
    var img2 = new Image();img2.src = "jian.gif";function doOutline() {
    var srcId, srcElement, targetElement,srcNum,toggleElement,toggleImage;
    srcElement = window.event.srcElement;
    if(srcElement.className.toUpperCase()=="LEVEL1"){
            var srcID=srcElement.id;
            var m1 =srcID.substr( 0, 4);
            var m2 =srcID.charAt(srcElement.id.length-1);
            var targetElement=document.all(m1+"s"+m2);
            var srcElement=document.all(m1+ "i"+m2);        
            if(targetElement.style.display == "none"){        
                 targetElement.style.display = "block";             
                 if (srcElement.className.toUpperCase() == "LEVEL1") srcElement.src = img2.src;
    }else{
                 targetElement.style.display = "none";
                 if (srcElement.className.toUpperCase() == "LEVEL1") srcElement.src = img1.src;
    }
    }
    }
    document.onclick = doOutline;
    </SCRIPT>
    </head>
    <body>
        <DL>
       <DD><img src="jia.gif" class="level1" id=OUT0i1 onclick=doOutline><A class="level1" id=OUT0a1 >部门1</A>
        <DL style="display:none" id=OUT0s1>
        <DD><img src="jian.gif">a
           <DD><img src="jian.gif">a
           <DD><img src="jian.gif">a
        </DL>  <DD><img src="jia.gif" class="level1" id=OUT0i2><A class="level1" id=OUT0a2 >部门2</A>
      <DL style="display:none" id=OUT0s2>
        <DD><img src="jian.gif">b
           <DD><img src="jian.gif">b
           <DD><img src="jian.gif">b
      </DL>  <DD><img src="jia.gif" class="level1" id=OUT0i3 ><A class="level1" id=OUT0a3 >部门3</A>
      <DL style="display:none" id=OUT0s3>
        <DD><img src="jian.gif">c
           <DD><img src="jian.gif">c
           <DD><img src="jian.gif">c
      </DL>
     </DL>
    </body></html>