Ciao a tutti.
Come posso evidenziare la voce della pagina attiva nel menu di navigazione, usando javascript (no jquery)?
L'HTML del menu
codice:
<ul id="menunav" class="js-menu-list 13-items">
<li id="menu-item_1" class="home page"><a href="/"><span class="text">pagina iniziale</span></a></li>
<li id="menu-item_2" class="page folder" aria-haspopup="true"><a href="/galleria"><span class="text">galleria</span></a>
<ul class="js-menu-list 2-items page">
<li id="menu-item_3" class="page"><a href="/acquerello"><span class="text">acquerello</span></a></li>
<li id="menu-item_4" class="page"><a href="/incisione"><span class="text">incisione</span></a></li>
</ul>
</ul>
<a onclick="showNav()" href="#" class="pull js-pull"></a>
Ho già impostato la classe CSS .selected per dare uno stile diverso alla pagina attiva, ma non riesco ad assegnarla con javascript.
N.B.: non posso utilizzare php e jquery.
Grazie in anticipo a chiunque voglia aiutarmi.