<script>
        //1.隔行變色
        //獲取所有的li元素，判斷是奇數行還是偶數行
        var list = document.getElementById("list");
        var lis = list.getElementsByTagName("li");
        for (var i = 0; i < lis.length; i++) {
            var li = lis[i];
            if (i % 2 == 0) {
                //i是偶數，當前是奇數行
 

                li.style.backgroundColor = "pink";
            } else {
                //i是奇數，當前是偶數行
                li.style.backgroundColor = "skyblue";
            }
        }
        //2.高亮顯示
        //給li註冊滑鼠經過和滑鼠離開事件
        for (var i = 0; i < lis.length; i++) {
            var li = lis[i];
            var
 
 bg;
            //滑鼠經過，高亮顯示當前li
            li.onmouseover = function() {
                    bg = this.style.backgroundColor;
                    this.style.backgroundColor = "yellow";
                }
                //滑鼠離開，還原li之前的顏色
            li.onmouseout = function() {
                this.style.
 
backgroundColor = bg;
            }
        }
    </script>