以下是一个使用HTML和JavaScript实现“按下按钮时更换图片”的示例代码:
按下按钮时更换图片
按下按钮时更换图片
在这个示例中,我们首先定义了一个JavaScript函数changeImage()
,该函数会根据当前图片的src属性来判断当前显示的是哪张图片,然后根据判断结果更改图片的src属性以实现图片的更换。
在HTML部分,我们使用
标签来显示图片,并为其设置了一个id属性"myImage"
,这样我们就可以通过JavaScript代码来获取该图片元素。另外,我们还添加了一个按钮,当点击按钮时会触发
changeImage()
函数。
通过以上代码,当页面加载完毕时,会显示一张名为image1.jpg
的图片,当点击“更换图片”按钮时,会切换显示另一张名为image2.jpg
的图片,并且再次点击按钮时会切换回原先的图片。
上一篇:按下按钮时改变方块颜色
下一篇:按下按钮时更新窗口。