android 排他button,javascript排他思想

排他思想:

干掉所有人，设置我自己，先将所有人全设置为"",然后再设置当前的值

1、含义： 关于排他思想，我的理解就是先排除掉其他的(包括自己) ，最后再给自己(this)加想要的效果。

2、小思路：

a. 通过document.ElementsBytagName();选择需要的一类标签,获得一个伪数组

b.由于是伪数组的原因，而对数组的处理最多的是遍历，所以会用到for(); 通过循环可以排除掉其他(包括自己)

c.遍历后可以用this改变自己的样式

3、数组都会有下标(索引号)，在遍历伪数组的时候就可以利用自定义属性记录它的索引号,如下 arr[i].index=i;

比如：获得一组button标签，点击button按钮时，改变每个按钮的颜色

html

点击改变颜色

点击改变颜色

点击改变颜色

点击改变颜色

点击改变颜色

css

.yanse {

background-color: aqua;

}

js

//获得一类button标签，得到伪类数组

var btns = document.getElementsByTagName('button');

/*

由于是伪数组的原因，而对数组的处理最多的是遍历，

所以会用到for(); 通过循环可以排除掉其他(包括自己)

*/

for (var i = 0;i < btns.length;i++) {

//给每个button加点击事件

btns[i].onclick = function() {

//通过循环可以排除掉其他(包括自己)

for (var j = 0;j < btns.length;j++) {

//排除其他

btns[j].className = '';

}

//遍历后可以用this改变自己的样式

this.className = 'yanse';

}

}

效果图

图片.png