js添加背景图片教程

 时间:2024-10-14 05:19:42

1、打开visual studio code

js添加背景图片教程

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

js添加背景图片教程

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

js添加背景图片教程

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

js添加背景图片教程

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

js添加背景图片教程

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

js添加背景图片教程

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

js添加背景图片教程

8、开始撰写js方法先使用getElementById找到div

js添加背景图片教程

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

js添加背景图片教程

10、运行起来查看效果

js添加背景图片教程

11、单击添加背景图片按钮就可以看到效果了,使用js添加背景图片 完成

js添加背景图片教程
  • js怎么比较对象中数组的长度?
  • C语言教程 数组的定义、初始化和打印
  • FrontPage技巧:[15]如何在网页中制作表格框架
  • css中visited选择器有什么作用?
  • Dreamweaver:[53]css样式如何应用到网页中去
  • 热门搜索
    浓缩的纯洁之骸怎么得 白水洋在哪里 如何学好普通话 手机屏幕尺寸怎么算 酷狗音乐怎么k歌 户户通没有信号怎么办 残疾证如何办理 深圳火车站在哪里 红烧小黄鱼怎么做 如何减双下巴