JS学习笔记 - fgm练习 - 输入法下拉框 三元表达式

 

<script>
    window.onload = function()
    {
        var oBtn = document.getElementsByTagName('input')[0];
        var oUl = document.getElementsByTagName('ul')[0];
        var aLi = oUl.getElementsByTagName('li');

        oBtn.onclick = function()
        {
            // oUl.style.display = 'block'; 
            // 这里只设置了点击显示的，点击隐藏的效果忽略了！
            // 同一个事件有两个状态，用三元表达式！！
            oUl.style.display = oUl.style.display == "block" ? "none" : "block";

            // 这里应该直接在CSS里设置hover状态时的背景色。

            // for(var i=0; i<aLi.length; i++)
            // {
            //     aLi[i].onmouseover = function()
            //     {
            //         for(i in aLi)
            //         {
            //             aLi[i].className = '';
            //         };

            //         this.className = 'hover';
            //     };
            // };

            aLi[aLi.length-1].onclick = function()
            {
                oUl.style.display = 'none';
            };
        };
    };
    </script>