JavaScript 折叠菜单树

Question

这是菜单树的 JavaScript 函数。我想在其中添加更多子菜单，而不仅仅是一个子菜单。什么是 x.all[0] 和 x.all[2]？

var head="display:''"  
img1=new Image()  
img1.src="fold.gif"  
img2=new Image()  
img2.src="open.gif"  

function change(){  
if(!document.all)  
return  
if (event.srcElement.id=="folding"){  
var x=event.srcElement.parentElement  
if (x.all[2].style.display=="none"){  
x.all[0].src="open.gif"  
x.all[2].style.display=''  
alert(x.all[2].name )  
}  
else{  
x.all[0].src="fold.gif"  
x.all[2].style.display="none"  
}  

}  
document.onclick=change  

Answer 1

all是属于特定元素的子元素的集合。 document.all 返回文档的所有元素。这是 IE 独有的功能，不适用于其他浏览器。

在您的代码中，x 是 event.srcElement.parentElement，因此它的 all 属性将是属于该父元素的所有子元素元素。 [0] 将返回集合中的第一个元素，[2] 将返回集合中的第三个元素。

如前所述，此代码仅适用于 Internet Explorer，因此如果您想要更好的浏览器兼容性，您应该探索其他跨浏览器方法来实现您想要执行的操作。