代码不难主要是利用
排他思想:排除其他的元素的干扰
这是没利用排他思想,直接获取元素,注册事件,让他点击后获得背景颜色的改变
但是无法使盒子点击一次只显示一个,所以下面使用for循环来给盒子进行排他思想的设置
进行排他思想的设置后,点击一次只能改变一个(排除其他的干扰
<body>
<button>按钮1</button>
<button>按钮2</button>
<button>按钮3</button>
<button>按钮4</button>
<button>按钮5</button>
<script>
var button = document.querySelectorAll('button');
for (var i = 0; i < button.length; i++) {button[i].onclick = function() {
for (var i = 0; i < button.length; i++) {
button[i].style.backgroundColor = '';
}
this.style.backgroundColor = 'pink';
}
}
</script>