javascript交换图片通过按钮
时间: 2023-08-14 18:04:39 浏览: 162
你可以通过以下代码来实现JavaScript交换图片:
HTML代码:
```html
<img id="img1" src="image1.jpg"/>
<button onclick="changeImage()">点击更换图片</button>
```
JavaScript代码:
```javascript
function changeImage() {
var image = document.getElementById('img1');
if (image.src.match('image1.jpg')) {
image.src = 'image2.jpg';
} else {
image.src = 'image1.jpg';
}
}
```
当点击按钮时,调用`changeImage`函数,该函数与之前的实现方法相同。需要注意的是,此时不需要在`img`标签上添加`onclick`事件,因为按钮已经代替了它的功能。
阅读全文