which is faster target.getElementsByTagName or target.firstChild / nextSibling

Hi all,

I'm doing an onload script to add rollover behaviour to list items
(dropdown menu style) for IE, and want to check which of two ways is
faster.

------------------------------------------------

Option 1 - add the behaviour using target.getElementsByTagName:

if (document.getElementById('navigation')) {
	    var target = document.getElementById('navigation');
	    var targetbuttons = target.getElementsByTagName('li');

	    for (var i = 0; i < targetbuttons.length; i++) {
		targetbuttons[i].onmouseover = rollover;
		targetbuttons[i].onmouseout = rolloff;
            }
	}

------------------------------------------------

Option 2 - add the behaviour with a while loop using firstChild,
nextSibling:

if (document.getElementById('navigation')) {
                var target = document.getElementById('navigation');
                var targetbutton = target.firstChild;

                while (targetbutton) {
                    targetbutton.onmouseover = rollover;
                    targetbutton.onmouseout = rolloff;
                    targetbutton = targetbutton.nextSibling;
                }
            }

------------------------------------------------

Thanks :)
Rebecca





Unsubscribe
[email protected]

List info
http://www.quirksmode.org/dom/list.html 
Yahoo! Groups Links

<*> To visit your group on the web, go to:
    http://groups.yahoo.com/group/wdf-dom/

<*> To unsubscribe from this group, send an email to:
    [email protected]

<*> Your use of Yahoo! Groups is subject to:
    http://docs.yahoo.com/info/terms/