HTML图像切换:点击更换图片并更新状态栏
<!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>
原文地址: https://www.cveoy.top/t/topic/oxe6 著作权归作者所有。请勿转载和采集!