以下代码为什么不能实现

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传递的是当前的标签