如何用JavaScript编写点击按钮切换图片的功能？

本文共计1105个文字，预计阅读时间需要5分钟。

JavaScript 实现点击按钮切换图片的具体代码如下：

图片切换示例 img { width: 200px; height: 200px; }

说明：- 上述代码中，`changeImage` 函数用于切换图片。当点击按钮时，会调用此函数。- 图片的初始状态为 `image1.jpg`，点击按钮后切换到 `image2.jpg`，再次点击则切换回 `image1.jpg`。- 使用了内联 JavaScript 和内联 CSS，以便简化示例。

效果预览：- 当页面加载时，显示图片 `image1.jpg`。- 点击按钮后，图片切换为 `image2.jpg`。- 再次点击按钮，图片切换回 `image1.jpg`。

JS实现点击button按钮切换图片的具体代码，供大家参考，具体内容如下

放暑假在家打算学习html/css/js制作网页，只有html/css的一些基础。实现效果如图：

这个网页很简单，是用Dreamweaver写的，但是是通过自己做的，算是对JS的一个入门案列。

最初的想法是是做一轮播效果，但是刚开始学JS发现有很多问题，所以就做了一个简单的图片切换。