Javascript 函数只允许 anchor 标记上的一个类

Question

我正在尝试向其他人构建的站点添加导航项。他们写了一个 javascript 函数，只允许一个类位于 anchor 标记上。我需要向最后一个导航项添加第二个类，这将给它一个 border-right。 .last 类已经用 CSS 编写，我已将 .last 放在正确的 anchor 标记上，但由于 javascript，它只会在浏览器中呈现 .active 而不是 .last 类。关于如何使用此功能或我已有的 html 执行此操作的任何想法？谢谢。

Javascript 函数:

function setActive() {
  aObj = document.getElementById('navigation').getElementsByTagName('a');
  for(i=0;i<aObj.length;i++) { 
  if(document.location.href.indexOf(aObj[i].href)>=0) {
     aObj[i].className='active';
  }
 }
}

window.onload = setActive;

CSS:

#navigation .MainNavigation li a.last{
border-right:#648558 2px solid;
}

#navigation .MainNavigation li a.active{
padding:12px 19px 12px 17px;
background: url(/_images/bkgd_Active.png) repeat;
}

页面 URL:http://securitybank.designangler.com/insurance

Answer 1

像这样:

aObj[i].className='active anotherclassname';

或添加到现有类:

aObj[i].className=aObj[i].className + ' active';