Я пытаюсь добавить элемент навигации на сайт, созданный кем-то другим. Они написали функцию 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
Как это:
aObj[i].className='active anotherclassname';
Или добавьте к существующим классам:
aObj[i].className=aObj[i].className + ' active';
Вы можете попробовать это, если это последний элемент, только с CSS:
#navigation .MainNavigation li:last-child a {
border-right:#648558 2px solid;
}