请帮忙解释下这段javascript是什么意思？详细点的，谢谢

Question

function SwitchMenu(obj){
if(document.getElementById){
var el = document.getElementById(obj);
var ar = document.getElementById("masterdiv").getElementsByTagName("span");
if(el.style.display != "block"){
for (var i=0; i<ar.length; i++){
if (ar[i].className=="submenu")
ar[i].style.display = "none";
}
el.style.display = "block";
}else{
el.style.display = "none";
}
}
}

Answer 1

function SwitchMenu(obj){
if(document.getElementById){//document.getElementById是根据元素的id获取元素，这句就是判断浏览器是否支持这个功能
var el = document.getElementById(obj);//获取obj中存放的id对应的元素
var ar = document.getElementById("masterdiv").getElementsByTagName("span");//在masterdiv中找到所有<span>
if(el.style.display != "block"){ //判断el元素是不是显示
for (var i=0; i<ar.length; i++){//依次遍历所有上面找到的<span>元素
if (ar[i].className=="submenu") //如果<span>元素的class为"submenu"
ar[i].style.display = "none";//就隐藏它
}
el.style.display = "block";//显示el元素
}else{
el.style.display = "none";//隐藏el

}
}
}

这段程序就是控制显示或隐藏菜单和其子菜单

Answer 2

就是网页顶部的菜单，你移到一个上面，就会出来一串子菜单，鼠标移开，那么下面一串就隐藏

主要是display的关系

Answer 3

for语句与if好像乱了，能编译成功么？