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

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

巴特西

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

最新文章

热门文章