DOM: lastChild eller getElementsByTagName

Hej eksperter


Jeg må indrømme, at min erfaring med at tilgå HTML DOM via ECMA script er ikke-eksisterende. Derfor vil jeg gerne høre, _hvilken løsning, der er mest korrekt / virker på de ældste browsere_?

Min situation er, at jeg har noget kode, der ser omtrent således ud (en menu, hvor under-punkter først skal vises ved mouseover):


-- HTML (håber det bliver læseligt)

<ul>
  <li>
    <a href="...">...</a>
  </li>
  <li onmouseover="mnu_exp(this, true); void(0);" onmouseout="mnu_exp(this, false); void(0);">
    <a href="...">...</a>
    <ul>
      <li>
        <a href="...">...</a>
      </li>
    </ul>
  </li>
  <li>
    <a href="...">...</a>
  </li>
</ul>



-- script

/*
bliver kaldt med:
- elm : et <li>-element
- expand: skal undermenu vises eller ej?
*/


// 1.
function mnu_exp(elm, expand) {
    if (elm.hasChildNodes()) {
        sub = elm.lastChild;
       
        if (sub.nodeName.toLowerCase() == 'ul') {
            sub.style.display = (expand ? 'block' : 'none');
        }
    }
}


// 2.
function mnu_exp(elm, expand) {
    subs = elm.getElementsByTagName('ul');
   
    if (subs.length > 0) {
        subs[0].style.display = (expand ? 'block' : 'none');
    }
}



I bund og grund: Er det hip som hap at bruge hasChildNodes() og lastChild (jeg ved, at ul'en altid er den sidste) eller getElementsByTagName() ???

På forhånd tak.

- Jens Gram