//我的HTML一部分:
<ul?id?=?"nav">
<li><a?class?=?"link?active"??id?=?"link1"?href?=?"#section1">1F男裝</a></li><!--?先給第一處設(shè)置active?-->
<li><a?class?=?"link"??id?=?"link2"?href?=?"#section2">2F女裝</a></li>
<li><a?class?=?"link"??id?=?"link3"?href?=?"#section3">3F美妝</a></li>
<li><a?class?=?"link"??id?=?"link4"?href?=?"#section4">4F數(shù)碼</a></li>
<li><a?class?=?"link"??id?=?"link5"?href?=?"#section5">5F母嬰</a></li>
</ul>
//js中已經(jīng)獲取到currentId設(shè)置導(dǎo)航焦點的一部分代碼:
var?nav?=?document.getElementById('nav');
var?links?=?document.getElementsByTagName('a');
for?(var?j=0;?j<links.length;?j++){
var?href?=?links[j].href.split("#");//通過.href獲取的是一大串網(wǎng)址?,可用split分隔
var?link?=?href[href.length-1];
if?(?link?!=?currentId){
links[j].className?=?"link";
}?else?{
links[j].className?=?"link?active";
}
}
//active是焦點居中添加的class屬性。
//老師的方法是添加addClass和removeClass,
//請問用className直接設(shè)置有無弊端?
2016-11-17
在這個編碼環(huán)境下是沒有,如果有多個className,添加class, 要這樣,?links[j].className +=" "+ "link?active"; 還有添加移除前都要判斷是否已經(jīng)存在?"link?active"