当前位置:网站首页 > 创业 > 正文

如何动态给div标签指定一张图片

0 张子豪 张子豪 2025-10-10 17:46 1

动态给div标签指心猿意马一张图片,利用jquery是比力便利的,本文介绍两种体例:

1)设置div的布景图

2)div内部插入一个图片标签

东西/原料

  • visual studio code

方式/步调

  1. 1

    打开visual studio code,新建如下布局的文件,在vs code中的html页面输入一个感慨号,再按一下Tab键,就可以快速建立H5格局的页面DOM布局

  2. 2

    在页面上添加一个div,设置高=300px,宽=300px。再添加两个按钮,用于后面演示点击按钮时给div添加图片

  3. 3

    在页面head部门,引入jquery源码,要利用jquery是必需要引入其源文件的

  4. 4

    在页面添加Jquery代码,绑心猿意马【添加布景图】按钮的点击事务,动态给div添加布景图

  5. 5

    在浏览器中打开页面,点击【添加布景图】,就可以看到图片的结果

  6. 6

    在页面添加Jquery代码,绑心猿意马【添加img标签】按钮的点击事务,动态给div插入一个img标签,显示图片

  7. 7

    在浏览器中运行,结果如下

来源:百闻(微信/QQ号:9397569),转载请保留出处和链接!


本文链接:https://www.ibaiwen.com/web/206571.html

张子豪

张子豪

TA很懒,啥都没写...

@百闻娱乐 本站部分内容转自互联网,若有侵权等问题请及时与本站联系,我们将在第一时间删除处理。 | 粤ICP备2024343649号 | (地图