Функция Javascript, допускающая только один класс для тега привязки

0

Я пытаюсь добавить элемент навигации на сайт, созданный кем-то другим. Они написали функцию javascript, которая позволяет одному классу быть привязанным тегом. Мне нужно добавить второй класс к последнему элементу навигации, который даст ему границу справа. Класс.last уже написан в CSS, и я положил.last на соответствующий тег привязки, но из-за javascript он будет только отображаться.активным в браузере, а не в классе.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

Теги:

2 ответа

5
Лучший ответ

Как это:

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

Или добавьте к существующим классам:

aObj[i].className=aObj[i].className + ' active';
  • 0
    Второй - то, что я хотел, так как я хотел добавить этот класс только для одного элемента. Спасибо за помощь. знак равно
1

Вы можете попробовать это, если это последний элемент, только с CSS:

#navigation .MainNavigation li:last-child a {
   border-right:#648558 2px solid;
}
  • 0
    Не то, что я искал, но все же полезный способ сделать это.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню