var clearCurrent = function(elemen){
for(i=0;i<elemen.length;i++)
{
elemen[i].getElementsByTagName('a')[0].setAttribute('class','');
}
}
Aqui eu criei uma function que recebe um parametro e percorre todos os filhos deste elemento de tag <a> e tira a class:
Vamos verificar como a função se comporta no seguinte exemplo;
Antes:
<li><a class='current'>1</a></li>
<li><a class=''>2</a></li>
<li><a class=''>3</a></li>
Depois:
<li><a class=''>1</a></li>
<li><a class=''>2</a></li>
<li><a class=''>3</a></li>
---------------------------------------------------------
var addCurrent = function(elemen){
var filhos = elemen.getElementsByTagName('li');
for(i=0;i<filhos.length;i++)
{
filhos[i].getElementsByTagName('a')[0].onclick = function(){
clearCurrent(filhos);
this.setAttribute('class','current');
}
}
}
Esta função recebe um parametro e percorre todos os filhos de tag <a> e adiciona um evento onclick ( ao dar um click dispara algo o/) onde,
chama a func clearCurrent (para limpar todos os current) e adiciona um class no elemento clicado o/.
----------------------------------------------------------------
window.addEventListener('load',function(){
var menu = document.getElementById('menu');
addCurrent(menu);
},false) Aqui eu adiciono um evento que vai ser executado ao carregar a pagina, onde dentro da funcao eu crio uma var menu, passando para ela o elemento pai de todos ('ó todo poderoso menu') e posteriormente chamo a func addCurrent passando o menu (ó elemento pai de todos) ; Do you understand ?