JS之点亮盒子

要求：将鼠标放在按钮上背景颜色变成黄色，鼠标离开恢复原状。

知识点：排他思想(干掉所有人，剩下我一个)

<body>
<button>按钮1</button>
<button>按钮2</button>
<button>按钮3</button>
<button>按钮4</button>
<button>按钮5</button>

<script>
//获取事件源和相关元素
var btnArr = document.getElementsByTagName("button");
//绑定事件
for (var i = 0; i < btnArr.length; i++) {
    //书写事件驱动
    btnArr[i].onmouseover = function(){
        //排他思想(干掉所有人，剩下我一个)
        //排他思想是和for循环连用
        for (var j = 0; j < btnArr.length; j++) {
            btnArr[j].className="";
        }
        this.className="current";
    }
}

</script>
</body>

 

posted @ 2017-12-19 13:06  乖乖乖码  阅读(394)  评论(0)  编辑  收藏  举报