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>