JS之点亮盒子

Posted 凉白开的你

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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>

 

以上是关于JS之点亮盒子的主要内容,如果未能解决你的问题,请参考以下文章

ARM裸机之点亮LED

ARM裸机之点亮LED

Linux系统编程二:字符设备控制之点亮LED灯控制蜂鸣器

ESP8266-12F学习之点亮一个LED灯

X-004 FriendlyARM tiny4412 uboot移植之点亮指路灯

驱动编程思想之初体验 --------------- 嵌入式linux驱动开发之点亮LED