dealing with getElementsByTagName

[ohdang888]

i'm using getElementsByTagName to grab all links and go through them and alert their ids

 

Its working fine, except for the fact that it goes through the first link on the page 4 times...

 

in other words, instead of alerting like this:

1

2

3

 

it alerts like this:

1

2

3

1

1

 

var links = document.getElementsByTagName("a");

for (var x in links)
{
var link = links.item(x);
alert(link.id);
}

 

and this

 

<a href="index1.php" id="1">1</a>
<a href="index2.php" id="2">2</a>
<a href="index3.php" id="3">3</a>

 

Any ideas?

 

Thanks!

[Ken2k7]

What's item? I never seen that before.

 

for ... in loops should not be used on an indexed array. Use a standard for loop or a while loop.

 

for (var e = links.length; --e > -1; ) {
     alert(links[e]);
}

[ohdang888]

item() has to be used to draw a value from an object. getElementsByTagName creates an object, not an array.

 

thanks for the suggestion, modified it to this:

 

for (var e = links.length; --e > -1; ) {

    alert(links.item(e).id);

}

 

and it worked.

[Ken2k7]

I still don't know item. Looks like a longer way of writing array[index].