Uncaught TypeError: Cannot set properties of null (setting ‘src‘)

最新推荐文章于 2024-04-26 19:07:45 发布

天天都在select

最新推荐文章于 2024-04-26 19:07:45 发布

阅读量7.1k

点赞数 2

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/qq_46068642/article/details/123643603

版权

在做定时器练习时出现的问题；指明src处出现问题，最后发现是因为img标签中的img1后还多了一个空格个，导致了最后获取到的对象和img中的不一样，最后导致src无法使用

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			img {
				width: 300px;
				height: 300px;
			}
		</style>
		<script type="text/javascript">
			window.onload = function(){
				var img1 = document.getElementById("img1");
				// 创建一个变量，用来保存图片的路径
				var imgArr = ["./img/1.jpg","./img/2.jpg","./img/3.jpg","./img/4.jpg"];
				//图片索引
				var index = 0;
				var btn01 = document.getElementById("btn01");
				var btn02 = document.getElementById("btn02");
				var timer ;
				btn01.onclick  =  function(){
					
					clearInterval(timer);
					
					timer = setInterval(function(){
					
					   index %= imgArr.length;
					   img1.src = imgArr[index];
					},1000);
					
				};
				btn02.onclick = function(){
					// clearInterval()可以接收任何参数，如果参数是一个有效的定时器标识符，则停止对应的定时器，但是如果参数不是一个有效的标识，则什么都不做
					clearInterval(timer);
				};
				
				
				
			};
		</script>
	</head>
	<body> 
	<button type="button" id="btn01">开始</button>
	<button type="button" id="btn02">停止</button>
		<img id="img1 "  src="./img/1.jpg">
	</body>
</html>

天天都在select

关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Uncaught TypeError: Cannot set properties of null (setting ‘src‘)

在做定时器练习时出现的问题；指明src处出现问题，最后发现是因为img标签中的img1后还多了一个空格个，导致了最后获取到的对象和img中的不一样，最后导致src无法使用<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> img { width: 300px.
复制链接

扫一扫

Uncaught TypeError: Cannot set properties of null (setting ‘src‘)

“相关推荐”对你有帮助么？