DOM.setAttribute用法问题

<html>
  <head>
    
    <title>dynamic tree view</title>
<link rel="stylesheet" href = "tree.css">
<script type="text/javascript">
// 全局变量
var bl = false;
  function bb(str)
  {
   alert("bb");
  }
  function cc(str)
  {
   alert("cc");
  }
   function aa()
   {
    alert("sdfsafd");
 bl = true;
     var e1 = document.getElementsByTagName("img");
    
     for(i=1;i<e1.length;i=i+2)
     {
       e1[i].setAttribute("src", "minus.gif");
// alert(e1[i].getAttribute("onclick"));
     }
   }
  function attchEvent()
  {
   //alert("dff");
var ele=event.srcElement; 
    if ( ele.tagName =="IMG" && bl)
 {
   cc('1');
 }
 else
 {
  bb('2');
 }
  }
  document.onclick = attchEvent;
</script>  </head>
  <body>
     <div>
            <ul class="tree">
<li id=1><img src=plus.gif >
                   <img src=folder.gif>
                   <a href="#" onClick="bb('1')">Electronics</a></li>
                   <li id=2><img src=plus.gif >
                   <img src=folder.gif><a href="#" onClick="bb('2')">Books</a></li>
<li id=3><img src=blank.gif><img src=folder.gif><a href="#">Home & Garden</a></li>
</ul>
  <input type="button" onclick="aa()" value="点" >
</div>
  </body>
</html>
我给你做了简单的改良，希望对你有帮助。