Manter botao precionado com OnClick()

galera....tô com uma dúvida meio simples....mas espero que VCs possam me ajudar...fiz um menu.....suponhamos que a cor de cada item do menu seja preto...mas ao clicar sobre um item do menu eu quero que fica branco(como se tivesse precionado)....ai quando eu clicasse sobre outro item ....o item anterior que foi ficado volte a cor que era(branco) e o novo item clicado ficasse branco....tentei mas tá dando erado....alguem pode me ajudar????? espero que VCs possam me ajudar desde já agradeço....

<menu>
 <li><a href="session.php" onclick="precionado()" id="teste">Home</a></li>
 <li><a href="inserir.php" onclick="precionado()">Inserir</a></li>
 <li><a href="post.php" onclick="precionado()">Postagens</a></li>
 <li><a href="usuarios_adicionar.php" onclick="precionado()">Adicionar Usuários</a></li>
 <li><a href="usuarios.php" onclick="precionado()">Usuários</a></li>
</menu>

<script type="text/javascript">

function precionado() {

	document.getElementById('teste').style.background='black';

}

</script>