网站中图片的显示和隐藏

最新推荐文章于 2022-08-03 10:50:18 发布

云飞扬°

最新推荐文章于 2022-08-03 10:50:18 发布

阅读量2.2k

点赞数

分类专栏： JavaScript 文章标签：网站中图片的显示和隐藏

本文链接：https://blog.csdn.net/weixin_44706512/article/details/90255934

版权

JavaScript 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

网站中图片的显示和隐藏

显示图片：img.style.display="block";

隐藏图片：img.style.display ="none";

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script>
			function showImg(){
				var img=document.getElementById("img1");
				img.style.display="block";
			}
					
			function hideImg(){
				var img = document.getElementById("img1");
				img.style.display ="none";
			}
		</script>
	</head>
	<body>
		<input type="button" value="显示" onclick="showImg()"/>
		<input type="button" value="隐藏" onclick="hideImg()"/><br />
		<img src="../img/1-161104143944.gif" id="img1"/>
	</body>
</html>