【js】实现点击按钮切换图片

最新推荐文章于 2024-06-27 12:49:37 发布

花名时礼

最新推荐文章于 2024-06-27 12:49:37 发布

阅读量1.3k

点赞数 1

分类专栏： js

本文链接：https://blog.csdn.net/tyrant_forever/article/details/97275999

版权

js 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />	
	<title>concat</title>
	</head>
	
	<body>
		<img src = "index.jpg">
		<hr>
		<button onclick = "changePic();">切换图片</button>
	</body>
	<script type="text/javascript">
		var i = 1;
	function changePic(){
		var imgst = document.getElementsByTagName("img")[0];
		
		if(i == 1){
			imgst.src = "timg.jpg";
			i = 2;
		}else{
			imgst.src = "index.jpg";	
			i = 1;
		}
	}
	</script>
</html>
</html>