js添加背景图片教程

js添加背景图片教程使用js添加背景图片，需要先创建html页面，通过JS来处理背景图片

工具/原料

js

vscode

html

方法/步骤

1、打开visualstudiocode

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添加背景图片完成