<script?type="text/javascript">
	function?getElementByClass(obj,clas){
		var?all=obj.getElementsByTagName("*");
		var?result=[];
		for(var?i=0,length=all.length;i<length;i++){
			if(all[i].className==clas){
				result.push(all[i]);
			}
		}
		return?result;
	}
	function?hasClass(obj,clas){
		return?(obj.className.search(clas)==-1)?false:true;
	}
	function?addClass(obj,clas){
		if(!hasClass(obj,clas)){
			obj.className+="?"+clas;
		}
	}
	function?deleteClass(obj,clas){
		if(hasClass(obj,clas)){
			obj.className.replace(clas,"?");
		}
	}
	window.onload=function(){
		window.onscroll=function(){
			var?scrollTop=document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop;
			var?menu=document.getElementById("menu").getElementsByTagName("a");
			var?items=getElementByClass(document.getElementById("content"),"item");
			var?currentId='';
			for(var?i=0,length1=items.length;i<length1;i++){
				var?top=items[i].offsetTop;
				if(scrollTop>top-300){
					currentId="#"+items[i].getAttribute("id");
				}
				else{
					break;
				}
			}
			if(currentId){
				//為menu設(shè)置正確的樣式
				for?(var?i?=?0,length2=menu.length;?i<length2;?i++)?{
					//如果href等于當(dāng)前的id，則添加樣式
					var?href=menu[i].getAttribute("href");
					if(href==currentId){
						addClass(menu[i],"current");
					}
					//否則，刪除樣式
					else{
						deleteClass(menu[i],"current");
					}
				}
			}
		}
	}
	</script>

求幫忙看下為什么我的樣式刪除不了？

看了小伙伴們的問答，終于發(fā)現(xiàn)問題所在了：

?var?top=document.documentElement?document.documentElement.scrollTop:document.body.scrollTop;

上面的運算是錯誤的，改為下面的代碼，就OK了：

?var?top=document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop;