HTML实现图片查看与隐藏
在HTML中，可以使用JavaScript来控制图片的显示与隐藏。以下是一个简单的示例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>图片显示与隐藏</title>
<script>
function toggleImage() {
var image = document.getElementById('myImage');
if (image.style.display === 'none') {
image.style.display = 'block';
} else {
image.style.display = 'none';
}
}
</script>
</head>
<body>
<button onclick="toggleImage()">切换图片显示/隐藏</button>
<img id="myImage" src="path_to_your_image.jpg" alt="示例图片" style="display: block;">
</body>
</html>在这个例子中，我们有一个按钮和一个<img>标签。当用户点击按钮时，会调用toggleImage函数，该函数会检查图片当前的显示状态，并根据其当前状态切换为显示（display: block）或隐藏（display: none）。
评论已关闭