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，因此如果您希望获得更好的浏览器兼容性，则应探索其他跨浏览器方法以实现您尝试执行的操作。

JavaScript折叠菜单树

1 个答案: