                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /形形色色的下拉菜單

childNodes

?<script?type="text/javascript">
????????function?ShowSub(li)?{
????????????var?subMenu?=li.getElementsByTagName("ul")[0];
????????????subMenu.style.display?=?"?block?";
????????}

????????function?HideSub(li)?{
????????????var?subMenu?=?li.getElementsByTagName("ul")[0];
????????????subMenu.style.display?=?"?none?";
????????}

????</script>

能不能用var subMenu =li.childNodes[1]; ? ? ? ? ? ? ? ? ? ? ? ??為什么？

<body>
<div?id="nav">
<ul>
??<li><a?href="#">首頁</a></li>
??<li?onmouseover="ShowSub(this);"?onmouseout="HideSub(this);"?>
??????<a?href="#">課程大廳</a>
?????<ul>
?????????<li><a?href="#">JavaScript</a></li>
?????????<li><a?href="#">Html/CSS</a></li>
?????</ul>??
??</li>
??<li?onmouseover="ShowSub(this);"?onmouseout="HideSub(this);"?>
??????<a?href="#">學習中心</a>
??????<ul>
?????????<li><a?href="#">視頻學習</a></li>
?????????<li><a?href="#">實例練習</a></li>
?????????<li><a?href="#">問與答</a></li>
?????</ul>??
??
??</li>
??<li><a?href="#">經典案例</a></li>
??<li><a?href="#">關于我們</a></li>
</ul>
</div>
</body>