JavaScript .click() not working in IE

Question

In a simplified scenario, in my HTML I have this:

<body onload="document.getElementsByClassName('default')[0].click()">
<a class="dim default" href="#" onclick="select(this, 'dim', 'shiny')">click it</a>

So, when the page loads, select(this, 'dim', 'shiny') is called. It works in Opera, Firefox, Chrome and Safari, but IE error console says "object doesn't support this property or method".

Now, if I have this:

<body onload="document.getElementById('default').click()">
<a class="dim" id="default" href="#" onclick="select(this, 'dim', 'shiny')">click it</a>

IE doesn't complain. Well, I said "simplified" at the beginning of my question, because I actually have a function that executes on page load and clicks on everything that has "default" listed in it's class. Is there any way I can solve this problem without using IDs?

Check out [this answer](http://stackoverflow.com/a/1933623/1423536) — pstenstrm, May 24 '14 at 20:45

score 1 · Accepted Answer · edited May 24 '14 at 21:12

1

What version of IE are you using?

getelementsbyclassname is not supported in older versions of IE http://caniuse.com/getelementsbyclassname

edited May 24 '14 at 21:12

Dalorzo

19,834
7
55
102

answered May 24 '14 at 20:48

mrjamesmyers

454
4
13

My apologies I edited your answer instead of mine by accident – Dalorzo May 24 '14 at 21:12
Version 6, which I use only to test compatibility. Thanks, I didn't suspect that such a basic function is not universal. – Ulrik May 24 '14 at 21:18

JavaScript .click() not working in IE

1 Answers1