实现在html上点击一个按钮出现一张照片

最新推荐文章于 2025-07-12 10:27:42 发布

lalalalalala_

最新推荐文章于 2025-07-12 10:27:42 发布

阅读量2.5w

点赞数 6

CC 4.0 BY-SA版权

分类专栏： web前端 web学习文章标签：实现在html上点击一个按钮出现一张照片

本文链接：https://blog.youkuaiyun.com/lalalalalala_/article/details/77938964

web前端同时被 2 个专栏收录

11 篇文章

订阅专栏

web学习

8 篇文章

订阅专栏

本文介绍了一个简单的JavaScript函数，用于控制网页上图片的显示与隐藏。通过按钮触发该函数，可以实现图片从隐藏状态变为可见状态的功能。代码示例中使用了内联样式来初始隐藏图片，并通过JavaScript修改元素的display属性来达到显示效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

代码：(部分)

<body>
<SCRIPT LANGUAGE="JavaScript">
	function reP(){
	document.getElementById('oImg').style.display = "block";
	}
	</SCRIPT>
	<img src='baby.jpg' id="oImg" style='display:none' width="160px" hight="200px">
	<INPUT TYPE="button" value='显示图片' onclick="reP()">
</body>