<input type="button" value="點選" id="btn"/>
<div id="dv"></div>
<script src="commer.js"></script>
<script>
    var kungfu=["降龍十八掌","黯然銷魂掌","九陰真經","如來神掌","吸星大法","玉女心經"];
    //點選按鈕動態的建立列表，列表加到div中
    ver("btn").onclick=function () {
        //建立ul,把ul立即加入到父級元素div中
        var ulObj=document.createElement("ul");
        ver("dv").appendChild(ulObj);
        //動態的建立li,加到ul中
        for(var i=0;i<kungfu.length;i++){
            var list=document.createElement("li");
            //設定li中間的文字內容
            list.innerHTML=kungfu[i];
            ulObj.appendChild(list);
            //為li新增滑鼠點選進入事件
            list.onmouseover=mouseoverHandle;
            //為li新增滑鼠點選離開事件
            list.onmouseout=mouseoutHandle;
        }
    };
    //此位置.按鈕的點選事件的外面
    function mouseoverHandle() {
        this.style.backgroundColor = "red";
    }
    function mouseoutHandle() {
        this.style.backgroundColor = "";
    }

    //如果是迴圈的方式新增事件,推薦用命名函式
    //如果不是迴圈的方式新增事件,推薦使用匿名函式