JavaScript改变元素的背景颜色

改变元素的背景颜色是通过点击某个特定的按钮，来获取元素来改变背景颜色。

其实现的原理也非常的简单

首先第一步

页面的布局：

先设置几个div盒子可供点击和选择的点击的事件，给他们几个类和id，方便设置他们的css样式和js获取事件。

第二步、

然后再给这几个盒子设置他们的css样式，先利用通配符件将所有元素的内外边距去掉，然后再获取最大div盒子的类设置宽高以及背景元素和居中的一个效果，还有几个小div盒子的宽高背景颜色， 

第三步、

最后就是通过原生js，来改变页面的背景颜色。

主要的实现原理就是通过给几个小的div盒子绑定点击事件

实例如下：

实现效果如下