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

最新推荐文章于 2023-08-26 11:05:53 发布

weixin_30586085

最新推荐文章于 2023-08-26 11:05:53 发布

阅读量1.6k

点赞数 2

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/shark1100913/p/5718844.html

版权

<!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>