点击不同div添加不同背景事例

点击添加布景，是初步进修js时的常识，一般来说是比力简单的剧本就可以实现的，可是若是在分歧的 div 上点击从而给添加分歧的div布景那？

东西/原料

1
我们初步感触感染一下这个页面中有着四个 div ，只是里面的数字分歧罢了，其他的没什么分歧的；而我们的使命就是实现点击 div ，div本身就会添加一个布景；
2
如图，我们点击了一下 1 div，这个div 的布景色从白色变为橙色，凡是我们只需要一个 onclick事务就行；可是这里有四个，莫非我们要界说四个变量?写四个事务？那么若是有更多的 div 怎么办？
3
就像这种环境，四个 div 有着四个分歧的布景，固然只是布景分歧，可是若是用简单变量事务那么代码就会很是繁琐和反复；
4
下图是页面的架构代码，简单的看一下，只是界说了四个 div 和在 style标签上写出了 css 样式，而且没有界说布景；
5
下图代码就是我们离开繁琐反复，就可以完当作的要求结果（反复的工作用轮回是一个很是好的体例），对于界说数组存放布景颜色，就不具体诠释了，关头是 轮回时的一一对应，用index 添加索引对应 i 以此达到对应实现的结果；