温馨提示×

js如何动态设置img的src属性

js
小亿
842
2023-08-04 09:34:18
栏目: 编程语言

在JavaScript中,可以通过设置img元素的src属性来动态改变图片的来源。
以下是通过JavaScript动态设置img元素的src属性的示例:
HTML代码:
```html
图片
Change Image
```
JavaScript代码:
```javascript
function changeImage() {
var img = document.getElementById("myImage");
img.src = "newimage.jpg";
img.alt = "New Image";
}
```
在上面的示例中,首先通过getElementById方法获取到id为"myImage"的img元素。然后,通过设置img的src属性为"newimage.jpg"来改变图片的来源。同时,也可以使用img元素的alt属性来动态改变图片的替代文本。
通过在按钮的onclick事件中调用changeImage函数,点击按钮时会执行changeImage函数,从而动态改变img元素的src属性。
请注意,在实际使用中,需要根据实际情况修改图片的名称和路径。

0