javascript图片切换代码
时间: 2023-09-07 17:17:13 浏览: 93
以下是一个简单的 JavaScript 图片切换代码:
HTML 代码:
```html
<div>
<img id="myImage" src="image1.jpg">
</div>
<button onclick="changeImage()">切换图片</button>
```
JavaScript 代码:
```javascript
function changeImage() {
var image = document.getElementById('myImage');
if (image.src.match("image1")) {
image.src = "image2.jpg";
} else {
image.src = "image1.jpg";
}
}
```
这段代码中,我们首先通过 `document.getElementById()` 方法获取图片元素,然后判断当前图片的 `src` 属性是否包含 `image1`,如果是,则将 `src` 属性修改为 `image2.jpg`,否则修改为 `image1.jpg`。最后,我们将修改后的图片展示在网页上。
阅读全文