evidenziare voce della pagina attiva nel menu di navigazione

[PavlovTheDog]

Ciao a tutti.
Come posso evidenziare la voce della pagina attiva nel menu di navigazione, usando javascript (no jquery)?

L'HTML del menu

    <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.