JS之排他思想

1. 什么是排他思想呢？

如果有同一组元素，我们想要某一个元素实现某种样式， 需要用到循环的排他思想算法：

1.所有元素全部清除样式（干掉其他人）
2. 给当前元素设置样式 （留下我自己）
3. 注意顺序不能颠倒，首先干掉其他人，再设置自己

2. 小案例

1. 我们通常会在浏览淘宝的时候会遇到选择商品属性，
   
   选择一个后另选一个，第一个则会消失，这种效果就可以用排他思想来实现。

//简单使用几个按钮来实现
   <button>按钮</button>
   	<button>按钮</button>
   	<button>按钮</button>
   <script type="text/javascript">
   	//获取元素
   	var btn = document.getElementsByTagName('button');
   	//绑定事件
   	for (var i = 0; i < btn.length; i++){
   		
   		btn[i].onclick = function() {
   			for (var i = 0; i < btn.length; i++){
   				btn[i].style.backgroundColor = '';
   		}
   			this.style.backgroundColor = 'blue';
   		}
   	}
   </script>
</script>