                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /焦点图轮播特效

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

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，但还是不行。我注释的那一行运行的时候老是报错。。。

任性不是罪

2016-07-20

源自：焦点图轮播特效 3-1

关注问题我要回答

756

操作

收起

1 回答

任性不是罪提问者
2016-07-20

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元素，如果把注释的那一行换成不注释的话，就不能运行了，这是怎么回事，我前两天用的时候，还可以的？？？