printing elements with javascript

Question

I'm learning javascript at the moment and the code below isn't producing the results I thought it would:

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

for(i=0; i<links.length; i++) {
    document.write(links[i]);
}

When I run this code, it writes 1 element from the array. I want it to return everything (there are over 1,000 in links)

What did I do wrong?

Check out my answer in stackoverflow.com/questions/10628310/… the issue is same with the OP — Tamil
– Tamil, Commented Jul 10, 2012 at 8:25

Andreas · Accepted Answer · 2012-07-10 08:51:31Z

2

links is a live NodeList (see .getElementsByTagName()). Any change to the links on the page will be reflected immediatly in the list.

With the first document.write you're overwriting the current document (if used after the document has loaded) so the links list will be empty.

Use console.log() instead of document.write and have a look at the Javascript console of you're browser.

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

for(i=0; i<links.length; i++) {
    console.log(links[i]);
}

answered Jul 10, 2012 at 8:25

Andreas

21.9k7 gold badges52 silver badges58 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1