javascript滑动菜单 - 如何引用嵌套的html元素？

Question

请帮助使用此功能的滑动菜单。对于slideMenus数组中的每个对象，我想引用该对象中的第一个无序列表元素，并将ul元素左侧样式属性的值设置为0px。请帮忙！谢谢！

function makeMenus(){ 
var slideMenus=new Array(); 
var allElems=document.getElementsByTagName("*"); 
for(var i=0;i<allElems.length;i++){ 
     if(allElems[i].className=="slideMenus")menus.push(allElems[i]); 
} 
for(var i=0;i<slideMenus.length;i++){ 
    slideMenus[i].onclick=showSlide; 
    slideMenus[i].ul.style.left="0px"; 
    /*for each object in slideMenus Array, 
    ref 1st ul element within that object 
    and set the value of the ul elements 
    left style property to 0px */ 
} 
document.getElementById("head").onclick=closeSlide; 
document.getElementById("main").onclick=closeSlide; 

}

Answer 1

可以使用的getElementsByTagName获得UL

function makeMenus(){ 

//No need to get all the nodes in the page, you can just get elements by class name. 
var slideMenus = document.getElementsByClassName("slideMenus"); 

for(var i=0;i<slideMenus.length;i++){ 
    slideMenus[i].onclick = showSlide; 
    slideMenus[i].getElementsByTagName("ul")[0].style.left = "0px"; 
} 
document.getElementById("head").onclick=closeSlide; 
document.getElementById("main").onclick=closeSlide; 
}