多语言展示
当前在线:1791今日阅读:57今日分享:41

js添加背景图片教程

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来设定背景图

推荐信息