javascript - Javascript 函数仅允许锚标记上的一个类

Question

我正在尝试将导航项添加到由其他人构建的站点。他们编写了一个 javascript 函数，该函数只允许一个类位于锚标记上。我需要向最后一个导航项添加第二个类，这将给它一个右边框。.last 类已经用 CSS 编写，我已将 .last 放在正确的锚标记上，但由于 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;
}

页面网址：http ://securitybank.designangler.com/insurance

Answer 1

像这样：

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

或添加到现有的类：

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

Answer 2

如果它是最后一项，您可以尝试此操作，仅使用 CSS：

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