🚀 go-pugleaf

Witam
mam w html taką listę:

<ul id="abc">
<li>Komputery</li>
<li>Elektronika i Foto</li>
<li>Strefa Gracza</li>
<li>AGD</li>
<li>Dom i ogród</li>
</ul>


i po najechaniu myszą chcę sprawdzić który z nich jest aktualnie poświetlony
/ aktywny.

Na raze wymysliłem taki kod:

 function display(){
  me = document.getElementById("abc");

  me.onmouseover = function(){
   lista = me.getElementsByTagName('li');
   ile = lista.length;
   for (i=0; i<ile; i++){
     el = lista[i];
    //    ??? nie wiem ja odczytaj który z elemtów li jest aktywny
   }
  }
  me.onmouseout = function(){
  };
 }

 nIntervId = setInterval(display, 300);
}


jak sprawdzić który z elementów LI jest aktywny po najechaniu myszą?

Pozdrawiam

Jakub