点击任意一张图片,其他图片不变,被点击的图片改变,及其他图片不受影响。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>小小争520</title>
<style>
div{
width: 200px;
height: 200px;
background-color: #a71d5d;
float: left;
margin-left: 50px;
}
</style>
</head>
<body>
<div></div>
<div></div>
<div></div>
<div></div>
<script>
var divs=document.getElementsByTagName('div')
for(var i=0;i<divs.length;i++){
divs[i].function () {
for(var j=0;j<divs.length;j++){
divs[j].style.backgroundColor='#a71d5d'
}
this.style.backgroundColor='yellow'
}
}
</script>
</body>
</html>