7.1通过按钮显示和隐藏图片

最新推荐文章于 2021-04-06 11:01:49 发布

P_ning

最新推荐文章于 2021-04-06 11:01:49 发布

阅读量1.1k

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/P_ning/article/details/95618862

版权

JavaScript 专栏收录该内容

22 篇文章 0 订阅

订阅专栏


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>

<body>
<script type="text/javascript">
	function show(){
		var s = document.getElementById("s");
		s.style.display="block";
	}
	function hide(){
		var h = document.getElementById("s");
		h.style.display = "none";
	}
//在这里,虽然说定义的变量s和h的意义是一样的,但是不能提取出来,这涉及到了文件的加载,如果提出出来的话,在定义这个变量时是我们还没有这个id属性,是加载不到的,如果一定要提取出来的话,就必须把整个JavaScript的代码放到放到body的最后面
</script>

<input type="button" value="显示" onClick="show()">
<input type="button" value="隐藏" onClick="hide()">
<img src="../../6.点击切换图片和轮播图/image/1.png" id="s" style="display:none">
</body>
</html>