新建一个html文件 ， 定名为test.html ， 用于讲解js若何改变background的布景图片 。
文章插图
2在test.html文件内 ， 利用div标签建立一个模块 ， 并设置其id属性为bg 。
文章插图
3利用css设置div的高度为500px ， 宽度为313px ， 布景图片为1.jpg 。
文章插图
4在div的下面 ， 利用button标签建立一个“点窜”按钮 。
文章插图
5给button按钮绑定onclick点击事务 ， 当按钮被点击时 ， 执行edit()函数 。
文章插图
6在js标签内 ， 建立edit函数 ， 在函数内 ， 经由过程设置style中的backgroundImage属性 ， 实现点窜布景图片的功能 。
文章插图
7【js如何改变background的背景图片】在浏览器打开test.html文件 ， 点击按钮 ， 更改div的布景图片 。
文章插图
文章插图
以上内容就是js如何改变background的背景图片的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- 如何方便地找到需要的网页
- 极地大乱斗琴女应该如何玩
- 王者荣耀新手使用周瑜如何超神
- 三国先锋如何进阶武将
- 三国先锋如何使用游戏礼包
- 如何哄女朋友开心 哄女朋友开心的方法
- 幻宠大陆手游如何喇叭喊话
- 帝国CMS系统如何更换模板
- 如何在iPad Pro上拍摄4K视频
- 如何在Chrome中启用访客浏览