鼠标点击DIV后，DIV的背景变色（js）

本文转载自查看原文 2016-07-29 16:21 3309

<!DOCTYPE html>
<html>
<head>
<script>
    window.onload = function(){
        var divs = document.getElementsByTagName("div");
        var len = divs.length;
        for(var i=0;i<len;i++){
            divs[i].onclick = function(){
                for(var j=0;j<len;j++){
                    divs[j].style.backgroundColor = "black";
                }
                this.style.backgroundColor = "red";
            };
        }
    };
</script>
</head>
<body>
<div id="div1" style="width:100px;height:100px;background:black;margin:10px;"></div>
<div id="div2" style="width:100px;height:100px;background:black;margin:10px;"></div>
<div id="div3" style="width:100px;height:100px;background:black;margin:10px;"></div>
<div id="div4" style="width:100px;height:100px;background:black;margin:10px;"></div>
</body>
</html>

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 jQuery让div显示在鼠标点击位置 jQuery实现鼠标点击Div区域外隐藏Div 判断鼠标点击在div外时，更改背景图片工作当中实际运用（3）——js原生实现鼠标点击弹出div层在点击隐藏 jquery 实现鼠标点击div盒子移动功能 javascript--鼠标点击页面，移动DIV jQuery 鼠标滑过Div变色 jQuery实现鼠标点击div外的地方div隐藏消失的效果 jQuery 鼠标点击时变色，点击其他时还原 jQuery table tr隔行变色，鼠标移入移出变色，鼠标点击变色