- 存在一组相同的元素,特定条件下只想设置一个元素的样式,需要用到排他思想
- 排他思想的步骤:首先清除所有元素的样式,再给特定元素设置样式
- 如一组按钮,只有被点击的按钮背景色才改变
<button>按钮</button>
<button>按钮</button>
<button>按钮</button>
<button>按钮</button>
<button>按钮</button>
<script>
var btns = document.querySelectorAll('button');
for (var i = 0; i<btns.length; i++) {
btns[i].onclick = function() {
for (var i = 0; i<btns.length; i++) {
btns[i].style.backgroundColor = '';
}
this.style.backgroundColor = 'tomato';
}
}
</script>