排他思想
- 首先排除其他人,然后设置子的样式
<body>
<button>点击</button>
<button>点击</button>
<button>点击</button>
<button>点击</button>
<button>点击</button>
</body>
<script>
//点击button按钮切换背景色
var buttons = document.querySelectorAll('button');
for (var i = 0; i < buttons.length; i++) {
buttons[i].onclick = function() {
//排他思想,将别的按钮的颜色去掉
for (var i = 0; i < buttons.length; i++) {
buttons[i].style.backgroundColor = '';
}
this.style.backgroundColor = 'pink';
}
}
</script>