21xrx.com
2024-09-20 00:57:41 Friday
登录
文章检索 我的文章 写文章
JavaScript 实现动态添加图片
2023-06-12 05:56:40 深夜i     --     --
```javascript const img = document

我来分享一下如何在 JavaScript 中添加图片。首先我们需要在 HTML 中添加一个图片标签,可以像这样写:


接下来,我们就可以使用 JavaScript 动态地更改这个图片标签的属性。比如,我们可以使用 DOM API 获取这个标签:

script

const img = document.getElementById('myImg');

然后,我们可以更改这个图片标签的 src 属性,来动态地更换图片:

script

img.src = 'path/to/new-image.jpg';

如果我们想在某一个事件触发时更换图片,比如点击某个按钮,我们可以使用下面的代码:

script

const button = document.getElementById('myButton');

button.addEventListener('click', function()

 img.src = 'path/to/new-image.jpg';

);

这样,点击按钮时,图片就会被更换。

关键词:JavaScript、添加图片、DOM API。

  
  

评论区

{{item['qq_nickname']}}
()
回复
回复