JavaScript改变元素的背景颜色

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

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

首先第一步

页面的布局:

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

第二步、

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

第三步、

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

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

实例如下:

实现效果如下


版权声明:本文为weixin_55017780原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。