<!DOCTYPE html>
<html>
<head>
	<title>HTML图像切换:点击更换图片并更新状态栏</title>
	<script>
		function changeImage() {
			var image = document.getElementById('myImage');
			if (image.src.match('image1')) {
				image.src = 'image2.jpg';
				document.getElementById('status').innerHTML = 'Image 2';
			} else {
				image.src = 'image1.jpg';
				document.getElementById('status').innerHTML = 'Image 1';
			}
		}
	</script>
</head>
<body>
	<img id='myImage' src='image1.jpg' onclick='changeImage()'>
	<div id='status'>Image 1</div>
</body>
</html>
HTML图像切换:点击更换图片并更新状态栏

原文地址: https://www.cveoy.top/t/topic/oxe6 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录