以下代码为什么不能实现

Question

   function showSubMenu(s){    var subMenu=s.getElementsByTagName("ul")[0];      subMenu.style.display="block";    }    function hideSubMenu(s){    var subMenu=s.getElementsByTagName("ul")[0];    subMenu.style.display="none";    }</script><ul class="nav" > <li class="mainlevel" onmouseover="showSubMenu(this)" onmouseout="hideSubMenu(this)"><a href="#"><img src="images\nav_img_04.gif" border="0"></a></li><!--招考服务-->        <ul class="nav_down_zkfw" style="display:none;"> <li class="downlevel"><a href="#">信息管理</a></li> <li class="downlevel"><a href="#">招考研究</a></li> <li class="downlevel"><a href="#">培训指导</a></li> <li class="downlevel"><a href="#">网上书店</a></li> <li class="downlevel" style="border:0"><a href="#">服务中心</a></li> </ul>   

Answer 1

补充：是原来li标签下不存在ul子代，所以getElementsByTagName("ul")[0]无效，this传递的是当前的标签