1、排他思想
例:一排按钮,点击谁谁变色,但是其他按钮不变
思路:获取所有按钮元素,为每一个元素绑定事件,在执行当前元素之前,把所有的按钮颜色去掉,再给自己赋值
排他思想:首先排除其他人,再设置自己
但是此处有一个小问题,无论点击哪个按钮,最终控制台输出的都是“按钮5”
此处插入一个知识点:JS中for循环中的绑定事件(元素伪数组与this不能替换)
上述for代码执行流程:1、for那一行是遍历获取每一个元素对象 2、onclick那一行是为每个元素对象绑定onclick事件(只是绑定,并未执行)3、当for循环结束后,i的值变为length才会触发事件
简单来说,for循环此处仅是为了给每个元素绑定事件(因为只有绑定了事件的元素才能被触发),并不执行内部代码(只有触发事件才执行内部代码)
2、表单全选复选框案例
注:若想消除表格单元之间的间隙