js代碼如下：window.onload = function() {        var menu = document.getElementById('menu'),             ps = menu.getElementsByTagName('p'),             uls = menu.getElementsByTagName('ul');        for (var i = 0; i < ps.length; i++) {             ps[i].id = i;  //為什么這里需要將 i 再記錄一遍？             ps[i].onclick = function() {                 uls[this.id].style.display = "block"; //這里直接寫usl[i].style.display="block" 為什么不行？它們不是同一個(gè)i嗎？             };         }     };html代碼如下：<div class="menu" id="menu">    <div>        <p>Web前端</p>        <ul style="display:block">            <li>JavaScript</li>            <li>DIV+CSS</li>            <li>jQuery</li>        </ul>    </div>    <div>        <p>后臺(tái)腳本</p>        <ul>            <li>PHP</li>            <li>ASP.net</li>            <li>JSP</li>        </ul>    </div>    <div>        <p>前端框架</p>        <ul>            <li>Extjs</li>            <li>Esspress</li>            <li>YUI</li>        </ul>    </div> </div>