Bom dia! Estou iniciando os estudos com javascript e preciso de uma ajuda. O código abaixo é um menu que utiliza CSS. O que eu quero é que quando clicar em um link do menu, este altere sua cor através de uma classe "here" do CSS. Eu imaginei que se criar uma função e chama-la no onClick() e alterar document.getElementById("about").class = "here"
daria certo
mas não acontece nada.
Já tive a certeza de que realmente está chamando a função e alterando o class do componente.
Alguém pode ajudar?
Obs.: essa foi a maneira que eu imaginei, não sei se existe algo diferente.
Grato.
<html>
<head>
<title>Menus de navegação</title>
<link rel="stylesheet" type="text/css" href="navMenu.css"></link>
<script>
function mudaStatus(){
document.getElementById("about").class = "here";
}
</script>
</head>
<body>
<ul id = "globalnav">
<li><a href="#">Home</a></li>
<li>
<a href="#" id="about" onClick="mudaStatus()">About</a>
<ul>
<li><a href="#">Vision</a></li>
<li><a href="#">Team</a></li>
<li><a href="#">Culture</a></li>
</ul>
</li>
<li><a href="#">News</a></li>
<li><a href="#">Prof</a></li>
<li><a href="#">Process</a></li>
</ul>
</body>
</html>