三级下拉菜单 变量_html/css_WEB-ITnose

function list(idstr){
var name1="subtree"+idstr;  //定义一个变量 值为字符串“subtree”加上传进来的ID 
var name2="img"+idstr;    //idstr是一个数字字符,用于区别不同的子菜单和图片
var objectobj=document.all(name1);//获取页面中ID或者name为name1的元素
var imgobj=document.all(name2);

//判断如果元素的样式为display=="none"
if(objectobj.style.display=="none"){
for(i=1;i var name3="img"+i;//定义一个变量字符串img+1
var name="subtree"+i;
var o=document.all(name); ////获取页面中ID或者name为name的元素
if(o!=undefined){ 
                             //如果元素的值没有定义
o.style.display="none"; //o的样式为隐藏
var image=document.all(name3);
//alert(image);  //吧图片的SRC改为/images/ico04.gif
image.src="/images/ico04.gif";  
}
}
}

}
跪求大神！！！
1、第二行中的 var name1="subtree"+idstr，"subtree"是做什么的啊？
2、 var objectobj=document.all(name1);怎么找会得到 name1（"subtree"+idstr）,name1都是img*这种格式的?
3、三级下拉菜单跟循环有什么的关系呢？

回复讨论(解决方案)

1."subtree"只是一个名字，是为了方便能取到该元素；
2.注释里面都写了，是为了获取页面中ID或者name为name1的元素，并不是图片格式对它的名字没有影响。
例如：

<img  id="subtree1" name=""subtree1 src="../img/1.jpg" alt="三级下拉菜单 变量_html/css_WEB-ITnose" >

http://www.5imoban.net/texiao/nav/20141031927.html

http://www.jb51.net/article/70912.htm

http://www.17sucai.com/pins/7688.html

1、2问题已经解决。3、那为什么三级下拉菜单能实现点击就出现下面的子菜单？