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;
}

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

2 个答案: