点击添加布景 ， 是初步进修js时的常识 ， 一般来说是比力简单的剧本就可以实现的 ， 可是若是在分歧的 div 上 点击从而给添加分歧的div布景那？
需要这些哦
电脑
Sublime text 2
方式/
1我们初步感触感染一下 这个页面中有着 四个 div ， 只是里面的 数字分歧罢了 ， 其他的没什么分歧的；而我们的使命就是 实现 点击 div ， div本身就会添加一个布景；
文章插图
2【点击不同div添加不同背景事例】如图 ， 我们点击了一下 1 div ， 这个div 的布景色从白色变为 橙色 ， 凡是 我们 只需要一个 onclick事务就行；可是这里有四个 ， 莫非我们 要界说 四个变量?写四个事务？那么若是有更多的 div 怎么办？
文章插图
3就像这种环境 ， 四个 div 有着 四个分歧的布景 ， 固然只是布景分歧 ， 可是若是用简单 变量事务 那么代码就会很是 繁琐 和反复；
文章插图
4下图是 页面的架构 代码 ， 简单的看一下 ， 只是界说了 四个 div 和在 style标签上写出了 css 样式 ， 而且没有界说 布景；
文章插图
5下图代码就是我们离开繁琐反复 ， 就可以完当作的要求结果（反复的工作用 轮回 是一个很是好的 体例） ， 对于界说 数组 存放布景颜色 ， 就不具体诠释了 ， 关头是 轮回时的 一一对应 ， 用index 添加索引对应 i 以此达到 对应实现的结果；
文章插图
注重事项仅作分享
以上内容就是点击不同div添加不同背景事例的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- matlab GUI怎么设计点击菜单项切换GUI界面
- 蜘蛛能活多长时间 各个种类蜘蛛的寿命不同
- 盆栽辣椒施肥方法
- Win11如何在不同的设备上共享应用程序
- 怎么用js取消点击事件
- js怎么实现几秒后显示隐藏的div
- 云顶火炮怎么合成
- wifi被蹭网怎么踢出去？
- 松狮犬分几种 松狮犬有几种不同的颜色
- 松狮犬什么时候最好看 不同时期都会有变化