排他思想

• 存在一组相同的元素，特定条件下只想设置一个元素的样式，需要用到排他思想
• 排他思想的步骤：首先清除所有元素的样式，再给特定元素设置样式
• 如一组按钮，只有被点击的按钮背景色才改变
  

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