js添加背景图片教程使用js添加背景图片,需要先创建html页面,通过JS来处理背景图片
工具/原料
1
js
2
vs code
3
html
方法/步骤
1
打开visual studio code
2
新建一个html文档,搭建基本html架构
3
在body中我们先添加一个div
4
给这个div设置一个id为div1
5
准备一张图片,用来给这个div添加背景图片
6
并将这个图片放在同我们的html文件在一个目录中,便于查找
7
接着创建一个按钮,用来实现添加背景图片的方法
9
使用style.backgroundImage属性来添加背景图片
10
运行起来查看效果
11
单击添加背景图片按钮就可以看到效果了,使用js添加背景图片 完成
总结
1.使用getElementById找到要添加背景图的元素2.使用style.backgroundImage来设定背景图