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; 
}