js添加背景图片教程

1、打开visual studio code 

2、新建一个html文档，搭建基本html架构

3、在body中我们先添加一个div

4、给这个div设置一个id为div1

5、准备一张图片，用来给这个div添加背景图片

6、并将这个图片放在同我们的html文件在一个目录中，便于查找

7、接着创建一个按钮，用来实现添加背景图片的方法

8、开始撰写js方法

先使用

getElementById

找到div

9、使用style.backgroundImage属性来添加背景图片

10、运行起来查看效果

11、单击添加背景图片按钮

就可以看到效果了，使用js添加背景图片 完成

1、1.使用getElementById找到要添加背景图的元素

2.使用style.backgroundImage来设定背景图