为啥这一节我跟着老师写，不管怎么写，总是运行不了？-慕课网

为啥这一节我跟着老师写，不管怎么写，总是运行不了？

来源：3-1 箭头切换

任性不是罪

2016-07-20 14:25

window.onload = function(){
	var container = document.getElementsByClassName('container');
	var photos = document.getElementsByClassName('photos');
//	var buttons = document.getElementsByClassName('buttons').getElementsByTagName('span');
	var buttons = document.getElementsByClassName('buttons');
	var prev = document.getElementsByClassName('prev');
	var next = document.getElementsByClassName('next');
	
	function animate(offset){
		photos.style.left = parseInt(photos.style.left) + offset +'px';
	}
	
	next.onclick = function(){
		animate(-600);
	}
	prev.onclick = function(){
		animate(600);
	}
}

我甚至都把ID全部换成了class，但还是不行。我注释的那一行运行的时候老是报错。。。

写回答关注

1回答

任性不是罪: 2016-07-20 14:44:09

window.onload = function(){
	var container = document.getElementsByClassName('container')[0];
	var photos = document.getElementsByClassName('photos')[0];
//	var buttons = document.getElementsByClassName('buttons').getElementsByTagName('span')[0];
	var buttons = document.getElementsByClassName('buttons')[0];
	var prev = document.getElementsByClassName('prev')[0];
	var next = document.getElementsByClassName('next')[0];
	
	function animate(offset){
		photos.style.left = parseInt(photos.style.left) + offset +'px';
	}
	
	next.onclick = function(){
		animate(-600);
	}
	prev.onclick = function(){
		animate(600);
	}
}

写成这样可以实现图片的切换，但是获取的是buttons元素而不是buttons下的span元素，如果把注释的那一行换成不注释的话，就不能运行了，这是怎么回事，我前两天用的时候，还可以的？？？

0 1

焦点图轮播特效

通过本教程学习您将能掌握非常实用的焦点图轮播特效的制作过程

65296 学习 · 611 问题

相似问题

回答 1

回答 2

回答 1

回答 1

轮播图部分是跟着视频老师一起写的，但是为什么点了箭头图片却不切换？

回答 3

打开慕课网App查看更多内容