Web API---百度换肤-表单全选案例

目录

 1.排他思想

 2.表格隔行变色（新浪财经网案例）

 3.表单全选取消案例

 4.获取自定义属性

5.设置移除自定义属性

 

 

 

 

1.排他思想

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

1.所有元素全部清除样式（干掉其他人）

2.给当前元素设置样式（留下我自己）

3.注意顺序不能颠倒，首先干掉其他人，再设置自己

 

 案例：

百度换皮肤效果

 

 

 

 

 

2.表格隔行变色（新浪财经网案例）

用到新的鼠标事件，鼠标经过onmouserover,鼠标离开onmouseout

 

 

 

 

3.表单全选取消案例

1. 全选和取消全选的做法：让下面所有复选框的checked属性（选择状态）跟随全选按钮即可

2. 下面复选框需要全部选中，上面全选才能选中做法：给下面所有复选框绑定点击事件，每次点击，都要循环查看下西面所有复选框是都有没有选中，

如果有一个没选中的，上面全选就不选中

 

 

 

 

4.获取自定义属性

1.element属性  获取属性值

element.getAttribute('属性')；

区别：

element.属性  获取内置属性值（元素本身自带的属性）

element.getAttribute('属性');主要获得自定义得属性（标准）我们程序员自定义得属性

 

5.设置移除自定义属性

1. element.属性="值"   设置内置属性值。

2.element.setAttribute('属性','值')；