JavaScript小练习3-用循环使三个DIV变色

题目

初始为黑色，点击后为红色，再次点击为黑色，以后每次点击一次变色。

分析

1. 简单的onclick使用。
2. button的居中可以在外套一个p元素，body中让p居中即可。
3. 三个DIV块的并排居中，外层大DIV使用margin和width，内层三个DIV也使用margin和width控制，注意margin的上下会重叠，但左右不重叠；并排用float实现。
4. 实现多次点击变色，需要进行判断原色，注意一般的方法（ele.style./cssText）只能读取和修改内联样式，故第一次点击时无法访问到样式表中的黑色值。这里使用switch中的default解决。

效果&代码

效果：循环使DIV变色
F12查看代码。