Подсветка активного меню на JS

простой способ подсветить активную ссылку в меню на чистом JS

HTML код:

<!--  меню -->
<script language="jаvascript" type="text/jаvascript">highlight()</script>
<ul>
     <li class="nav"><a href="/">Главная</a></li>
</ul>

<!--  пред тегом </body> активуємо функцію-->
<script language="jаvascript" type="text/jаvascript">highlight()</script>

JS:

<script language="jаvascript" type="text/jаvascript">
function highlight(){
  var atags=document.getElementsByTagName("li");
  for(i in atags){
    if(atags[i].className=="nav"){
        if(document.location.href==atags[i].firstChild.href){
            atags[i].className = "active";
        }
    }
  }
}
</script>