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.
Pergunta
Rodrigo Malatesta
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>Editado por Rodrigo MalatestaLink para o comentário
Compartilhar em outros sites
3 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.